html,body {
height:100%;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}
img {
border:0;
}
a {
outline:none;
color:#58ac25;
text-decoration:none;
}
a:hover {
outline:none;
color:#666666;
text-decoration:none;
}
#global {
width:940px;
height:550px;
padding-top:20px;
border:4px solid #58ac25;
background-color:#FFFFFF;
position:absolute;
top:50%;
margin-top:-289px;
left:50%;
margin-left:-470px;
}
.la_souris_verte {
}
#header {
position:absolute;
left:29px;
z-index:2;
}
#logo {
float:left;
width:539px;
height:90px;
}
#agence_de_communication {
margin:auto;
position:absolute;
width:690px;
height:410px;
left:50%;
margin-left:-345px;
top:120px;
z-index:1;
}
#texte {
font-size:12px;
text-align:justify;
}
#texte h1 {
background:url(../img/puce-feuille.jpg) no-repeat;
color:#58ac25;
font-size:12px;
letter-spacing:1px;
font-weight:bold;
text-transform:uppercase;
padding:0;
margin:0;
padding-left:20px;
}
#texte .titre {
margin:0;
padding:0;
color:#58ac25;
font-size:12px;
display:inline;
font-weight:bold;
}
#texte p {
margin:0 0 10px 0;
}
#savoir-faire, #contact, #dossier {
z-index:1;
}
/* MENU */
#menu {
padding-top:15px;
width:350px;
position:absolute;
left:540px;
}
#menu a {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height : 15px;
letter-spacing:0.05em;
text-decoration:none;
color:#000000;
padding:0;
margin:0;
}
#nav, #nav ul {
padding: 0;
margin: 0;
list-style:none;
width:140px;
}
#nav a {
display: block;
}
#nav li {
padding: 0;
margin: 0;
width:180px;
}
#nav li ul {
position: absolute;
left: -999em;
list-style:none;
background:#ffffff;
width:180px;
}
#nav li ul li {
margin: 0;
padding:0;
width:auto;
}
#nav li:hover ul, #nav li.sfhover ul {
position: absolute;
left: auto;
margin-left:153px;
margin-top:-15px;
padding:4px 4px 4px 10px;
border:1px dotted #58ac25;
padding-right:10px;
}
#nav li ul li a {
background:url(/img/puce-mini.jpg) no-repeat;
padding:0 0 0 10px;
margin:0;
}
#nav li:hover a, #nav li.sfhover a {
color:#58ac25;
}
#nav li:hover ul li a, #nav li.sfhover ul li a {
color:#000000;
}
#nav li ul li a:hover, #nav li ul li a.sfhover {
color:#58ac25;
}
#nav li ul li a {
letter-spacing:0;
}
#nav li ul li {
padding-bottom:2px;
}
#nav li a.current {
color:#58ac25;
}
/* ACCES CLIENTS */
#globalConnexion {
position:absolute;
right:2px;
bottom:2px;
z-index:4;
}
#bouton {
position:absolute;
right:0;
z-index:5;
}
#connexion {
width:1px;
height:92px;
background:#ffffff;
margin-right:14px;
border:1px solid #58ac25;
z-index:3;
overflow:hidden;
margin:0;
padding:0;
}
#connexion p {
margin:0;
padding:0;
}
#connexion form {
padding:0;
margin:0;
}
#connexion div {
padding:8px 0px 0px 6px;
}
#connexion input {
width:95px;
height:16px;
border:1px solid #58ac25;
margin-bottom:4px;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#58ac25;
padding:3px 3px 0px 4px;
}
#connexion .submit {
width:24px;
height:16px;
padding:0;
margin:0;
border:0;
margin-bottom:5px;
}
#connexion .perdu {
}
#connexion a {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
line-height:9px;
color:#58ac25;
text-decoration:none;
}
#connexion a:hover {
color:#666666;
}
/* SAVOIR-FAIRE */
#savoir-faire #visuel {
position:absolute;
right:0;
top:0;
}
#savoir-faire #texte {
position:absolute;
left:30px;
top:160px;
width:515px;
}
/* CONTACT */
#contact {
padding:0;
margin:0;
font-size:11px;
}
#contact #visuel {
position:absolute;
left:0;
bottom:0;
height:350px;
}
#contact #bloc1 {
position:absolute;
left:345px;
top:255px;
width:200px;
}
#contact #bloc1 h1 {
color:#58ac25;
font-size:12px;
letter-spacing:1px;
font-weight:bold;
text-transform:uppercase;
padding:0;
margin:0;
}
#contact #bloc1 h2 {
color:#000000;
font-size:12px;
letter-spacing:1px;
font-weight:bold;
text-transform:uppercase;
padding:0;
margin:0;
margin-top:10px;
}
#contact #bloc2 {
position:absolute;
left:566px;
top:180px;
padding:0;
margin-top:-10px;
}
#contact #bloc2 label {
text-transform:uppercase;
font-size:10px;
letter-spacing:1px;
}
#contact #bloc2 label.required {
font-size:11px;
font-weight:bold;
}
#contact #bloc2 label.required:after {
content: '*';
}
#contact #bloc2 input, #contact #bloc2 textarea, #contact #bloc2 select, #newsletter input {
border:1px solid #58ac25;
border-top:1px solid #ffffff;
border-right:1px solid #ffffff;
margin-left:10px;
width:180px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
padding:0 0 3px 3px;
margin-bottom:5px;
}
#contact #bloc2 input:focus, #contact #bloc2 textarea:focus, #newsletter input:focus {
border:2px solid #58ac25;
border-top:0;
border-right:0;
}
#contact #bloc2 .submit, #newsletter .submit {
border:1px solid #58ac25;
background:#58ac25;
color:#FFFFFF;
text-transform:uppercase;
letter-spacing:0px;
font-weight:bold;
font-size:9px;
margin:0;
padding:0;
margin-top:6px;
outline:none;
}
#contact #bloc2 .submit {
width:80px;
}
#contact #bloc2 .submit:hover, #newsletter .submit:hover {
background:#666666;
}
#contact #bloc2 p {
margin:0;
padding:0;
}
#contact #fichier2, #contact #fichier3, #contact #fichier4 {
visibility:hidden;
position:absolute;
}
.hidden {
visibility:hidden;
display:none;
}
#contact i.alert {
color:#FF0000;
}
#contact #message {
position:absolute;
left:200px;
top:130px;
width:330px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#58ac25;
font-weight:bold;
}
#newsletter {
margin-top:10px;
}
#newsletter p {
margin:0;
padding:0;
}
#newsletter input {
margin-left:0;
width:179px;
margin:4px 0;
}
/* DEVIS */
#devis {
padding:0;
margin:0;
font-size:11px;
}
#devis #visuel {
position:absolute;
left:0;
bottom:0;
height:350px;
}
#devis #bloc1 {
position:absolute;
left:100px;
top:200px;
width:300px;
}
#devis h1 {
color:#58ac25;
font-size:12px;
letter-spacing:1px;
font-weight:bold;
text-transform:uppercase;
padding:0;
margin:0;
}
#devis h2 {
color:#000000;
font-size:12px;
letter-spacing:1px;
font-weight:bold;
text-transform:uppercase;
padding:0;
margin:0;
margin-top:10px;
}
#devis #bloc2 {
position:absolute;
left:470px;
top:200px;
padding:0;
}
#devis #bloc2 .info {
padding:0 0 10px;
}
#devis #bloc2 .col1 {
width:130px;
}
#devis #bloc2 .col2 {
}
#devis #bloc2 .checkProjet {
padding:10px 0;
}
#devis label {
text-transform:uppercase;
font-size:10px;
letter-spacing:1px;
}
#devis label.required {
font-size:11px;
font-weight:bold;
}
#devis label.required:after {
content: '*';
}
#devis input, #devis textarea, #devis select {
border:1px solid #58ac25;
border-top:1px solid #ffffff;
border-right:1px solid #ffffff;
margin-left:10px;
width:180px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
padding:0 0 3px 3px;
margin-bottom:5px;
}
#devis #bloc2 input, #devis #bloc2 textarea, #devis #bloc2 select {
width:215px;
}
#devis #bloc2 input.checkbox {
padding:0;
margin:0 2px 3px 10px;
width:auto;
float:left;
}
#devis label.checkbox {
text-transform:none;
letter-spacing:0;
float:left;
width:250px;
display:block;
padding:0 0 0 5px;
}
#devis .clear {
clear:both;
height:2px;
}
#devis input:focus, #devis textarea:focus {
border:2px solid #58ac25;
border-top:0;
border-right:0;
}
#devis #bloc2 .submit {
border:1px solid #58ac25;
background:#58ac25;
color:#FFFFFF;
text-transform:uppercase;
letter-spacing:0px;
font-weight:bold;
font-size:9px;
margin:0;
padding:0;
margin:6px 0 0 140px;
outline:none;
width:80px;
}
#devis .submit:hover {
background:#666666;
}
#devis p {
margin:0;
padding:0;
}
#devis #fichier2, #devis #fichier3, #devis #fichier4 {
visibility:hidden;
position:absolute;
}
#devis i.alert {
color:#FF0000;
}
#devis #message {
position:absolute;
left:100px;
top:130px;
width:330px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#58ac25;
font-weight:bold;
}
/* REFERENCE CLIENT */
#reference_client {
height:410px;
width:840px;
left:29px;
position:absolute;
top:120px;
}
#reference_client td {
vertical-align:top;
}
#reference_client .titre {
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
letter-spacing:1px;
}
#reference_client h1 {
font-family:Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-size:11px;
margin:0;
padding:0;
}
#reference_client .pot {
float:left;
}
#header_reference_client {
height:40px;
}
#contenu_reference_client {
height:349px;
}
#header_reference_client {
padding-top:10px;
margin-bottom:10px;
}
#contenu_texte_client {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
width:170px;
font-size:11px;
height:310px;
padding:20px;
line-height:13px;
}
#contenu_texte_client h3 {
font-size:13px;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
display:inline;
}
#realisation_client {
width:650px;
height:359px;
overflow:hidden;
z-index:1;
/* overflow-x: auto;
overflow-y: hidden;
overflow : -moz-scrollbars-horizontal;*/
}
#wn {
overflow:hidden;
position:absolute;
width:650px; height:359px;
clip:rect(0px, 650px, 359px, 0px);
}
div#lyr1 {
position:absolute;
left:0px; top:0px;
z-index:1;
}
#scrollbar {
visibility:visible;
position:absolute;
left:210px;
top:425px;
width:648px; height:12px;
font-size:1px;
z-index:3;
border:1px solid #58585A;
}
#track {
position:absolute; left:12px; top:0;
width:630px; height:11px;
background: url("../img/piste.gif") repeat;
z-index:1;
padding:0;
}
#dragBar {
position:absolute;
width:30px;
height:11px;
z-index:1;
cursor:pointer;
padding:0;
margin:0;
background: url("../img/drag.jpg");
}
#dragLeft {
float:left;
width:10px;
height:11px;
background: url("../img/curseur_gauche.gif") no-repeat;
}
#dragRight {
float:right;
width:10px;
height:11px;
background: url("../img/curseur_droite.gif") no-repeat;
}
#fd_reference {
background:url("../img/fd_reference.jpg") repeat;
background-position:right;
width:10px;
height:352px;
}
#reference_retour {
margin-top:5px;
}
#reference_client #actualite h2 {
padding:0;
margin:0;
font-size:12px;
}
#reference_client #actualite p {
padding:0;
margin:0 0 5px 0;
}
/* PORTAIL */
#portail {
width:940px;
margin:auto;
padding-top:10px;
font-size:11px;
color:#999999;
}
#portail #cel1, #portail #cel2, #portail #cel3 {
vertical-align:top;
padding-right:40px;
}
#portail #cel1 {
width:280px;
}
#portail #cel2, #portail #cel3, #portail #cel4 {
width:180px;
}
#portail h1, #portail h2 {
padding:0;
margin:0;
color:#666666;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
#portail td {
border-bottom:1px dashed #58ac25;
padding:10px 0;
vertical-align:top;
}
#portail td.bas {
border:0;
}
#portail td.bas #images {
text-align:center;
width:890px;
margin-bottom:-10px;
}
#portail td.bas #images a {
margin-left:10px;
}
#portail h2 {
padding:0;
margin:0;
color:#666666;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
#portail .link a {
color:#999999;
}
#portail .link a:hover {
color:#666666;
}
#portail .reference h2 {
display:inline;
}
#portail .cel_actualite {
padding-right:10px;
}
/* DOSSIER */
#dossier {
margin-top:140px;
padding:0 24px 24px 24px;
}
#dossier .gauche {
padding-right:24px;
width:516px;
}
#dossier td {
vertical-align:top;
}
#dossier #article #sommaire h1 {
color:#58ac25;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
padding:0;
margin:0 0 0 10px;
}
#dossier #article #sommaire td {
height:150px;
vertical-align:bottom;
}
#dossier #article #sommaire div.spacer {
height:45px;
}
#dossier #article #sommaire ul {
padding:0;
margin:5px 0 0 10px;
list-style-type:none;
}
#dossier #article #sommaire li {
padding:0;
margin:0;
padding-bottom:2px;
}
#dossier #article #sommaire li, #dossier #article #sommaire li a {
font-size:11px;
color:#999999;
}
#dossier #article #sommaire li:hover, #dossier #article #sommaire li a:hover {
font-size:11px;
color:#58ac25;
}
#dossier #article #sommaire h2 {
font-size:12px;
font-weight:bold;
padding:4px 0 0 12px;
margin:0;
}
#dossier #article #sommaire h2 a {
color:#999999;
text-decoration:underline;
}
#dossier #article #sommaire h2 a:hover {
color:#58ac25;
}
#dossier #article #sommaire a:before {
content:"> ";
}
#dossier #article #texte {
font-size:12px;
}
#dossier #article #texte .chapeau {
color:#999999;
}
#dossier #article #texte p {
margin:0 0 5px 0;
}
#dossier #article #texte a {
color:#000000;
text-decoration:underline;
}
#dossier #article #texte a:hover {
color:#58ac25;
}
#dossier #article #texte ul {
padding-top:0;
margin-top:0;
}
#dossier #article #texte h1 {
background:none;
letter-spacing:0;
color:#58ac25;
padding:0;
margin:20px 0 0 0;
font-size:16px;
}
#dossier #article #texte h2 {
color:#58ac25;
padding:0;
margin:20px 0 0 0;
font-size:15px;
}
#dossier #article #texte h3 {
color:#58ac25;
padding:0;
margin:20px 0 0 0;
font-size:14px;
}
#dossier #article #pied-sommaire {
padding-top:20px;
}
#dossier #article #pied-sommaire ul {
padding:0;
margin:0;
list-style-type:none;
}
#dossier #article #pied-sommaire a {
color:#999999;
font-size:12px;
}
#dossier #article #pied-sommaire a:hover {
color:#58ac25;
}
#dossier #article #pied-sommaire a:before {
content:"> ";
}
#dossier #colonne {
width:200px;
}
#dossier #colonne #pub .accroche {
color:#58ac25;
font-size:14px;
font-weight:bold;
padding:0;
margin:0;
display:block;
}
#dossier #colonne #pub {
font-size:11px;
margin-bottom:30px;
}
#dossier #colonne #pub #message {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#666666;
font-weight:bold;
margin-bottom:10px;
}
#dossier #colonne #pub p {
padding:0;
margin:0
}
#dossier #colonne #pub input {
border:1px dotted #58ac25;
font-size:10px;
margin-top:6px;
padding:2px;
width:160px;
}
#dossier #colonne #pub .submit {
border:1px solid #58ac25;
background:#58ac25;
width:30px;
color:#FFFFFF;
text-transform:uppercase;
font-weight:bold;
font-size:10px;
margin:0;
padding:0;
margin-top:6px;
outline:none;
}
#dossier #colonne #pub .submit:hover {
background:#666666;
}
#dossier #colonne h2 {
color:#666666;
font-size:14px;
font-weight:bold;
padding:0;
margin:0;
}
#dossier #colonne h3 {
color:#000000;
font-size:12px;
font-weight:bold;
padding:0;
margin:0;
}
#dossier #colonne #liste ul {
margin:0;
padding:0;
list-style-type:none;
}
#dossier #colonne #liste li a {
font-size:11px;
font-weight:normal;
color:#58ac25;
background:url(/img/puce-mini-vert.jpg) no-repeat;
padding:0 0 0 10px;
margin:0 0 5px 0;
display:block;
}
#dossier #colonne #liste li a:hover {
color:#666666;
}
#dossier #colonne #actualite {
margin:20px 0 0 0;
font-size:12px;
}
#dossier #colonne #actualite h3 {
margin:10px 0 0 0;
color:#58ac25;
}
#dossier #colonne #actualite p {
margin:0;
padding:0 0 10px 0;
border-bottom:1px dashed #999999;
}
#dossier ul.liste {
margin:0;
padding:0;
list-style-type:none;
}
#dossier ul.liste li a {
background:url(../img/puce-feuille.jpg) no-repeat;
color:#58ac25;
font-size:14px;
letter-spacing:1px;
font-weight:bold;
text-transform:uppercase;
padding:0;
margin:0;
padding-left:20px;
}
#dossier ul.liste li a:hover {
color:#999999;
}
#dossier ul.liste ul {
list-style-type:none;
padding:0;
}
#dossier ul.liste ul li a {
font-size:11px;
color:#999999;
text-transform:none;
letter-spacing:0;
background:none;
padding:0;
font-weight:normal;
}
#dossier ul.liste ul li a:hover {
color:#58ac25;
}
#dossier ul.liste ul li a:before {
content:"> ";
}
/* DEFAULT */
#default {
margin-top:130px;
padding-left:30px;
font-size:11px;
width:520px;
}
#infos_legales {
margin-top:100px;
padding-left:30px;
font-size:11px;
width:800px;
}
/* REFERENCE */
#reference-arbre {
float:left;
}
#reference-contenu {
margin-top:50px;
font-size:11px;
margin-left:540px;
}
#reference-contenu h1, #qui-contenu h1 {
background:url(../img/puce-feuille.jpg) no-repeat;
padding-left:20px;
text-align:left;
color:#58ac25;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
}
#reference-contenu .titre {
font-size:12px;
text-transform:uppercase;
}
#qui-sommes-nous {
height:410px;
width:840px;
left:29px;
position:absolute;
top:120px;
}
#qui-visuel {
float:left;
margin-top:30px;
}
#qui-contenu {
margin-top:50px;
font-size:11px;
margin-left:540px;
}
/* JOOMLA */
#joomla #bloc1 {
position:absolute;
left:29px;
top:150px;
font-size:12px;
width:516px;
}
#joomla #bloc2 {
position:absolute;
left:569px;
top:150px;
font-size:12px;
width:330px;
padding:10px;
border:1px dotted #58ac25;
}
#joomla h1 {
background:url(../img/puce-feuille.jpg) no-repeat;
color:#58ac25;
font-size:12px;
letter-spacing:1px;
font-weight:bold;
text-transform:uppercase;
padding:0;
margin:0;
padding-left:20px;
}
#joomla ul, #joomla .titre {
margin:0;
padding:0;
color:#58ac25;
font-size:12px;
display:inline;
font-weight:bold;
list-style:none;
}
#joomla .titre {
display:block;
}
#joomla ul ul {
list-style:none;
padding:0 0 10px 5px;
margin:5px 0 0 10px;
font-weight:normal;
color:#000000;
}
#joomla p {
padding:0;
margin:0 0 15px 0;
}
#joomla #bloc2 img {
vertical-align:middle;
}
#joomla #bloc2 strong {
text-decoration:underline;
}
#message_ok {
position:absolute;
left:570px;
top:420px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#58ac25;
font-weight:bold;
}
a.website:link, a.website:visited {
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
a.website:hover {
color:#FFFFFF;
text-decoration:underline;
}
.bullet, .parenthese {
color:#58ac25;
}
.baseline {
color:#58ac25;
font-weight:bold;
font-size:14px;
}
#details {
font-size:12px;
text-align:justify;
}
#savoir-faire #details {
position:absolute;
left:30px;
top:160px;
width:515px;
}
#details h1 {
color:#000;
font-size:17px;
font-weight:bold;
padding:0;
margin:0;
}
#details h2 {
background:url(../img/puce-feuille.jpg) no-repeat;
color:#58ac25;
font-size:12px;
letter-spacing:1px;
font-weight:bold;
text-transform:uppercase;
padding:0;
margin:0;
padding-left:20px;
}
#details .titre {
margin:0;
padding:0;
color:#58ac25;
font-size:12px;
display:inline;
font-weight:bold;
}
#details p {
margin:0 0 10px 0;
}