body {
margin: 0;
padding: 0;
background-color: #103463;
font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
font-size: small;
color: #FFFFFF;
}
#header {
height:120px;
overflow: hidden;
}
#centrage {
width:1000px;
margin: auto;
}
#total {
float:left;
position: relative;
width:1000px;
border-bottom:#fff 1px solid;
border-left:#fff 1px solid;
border-right:#fff 1px solid;
}
#filariane {
float:left;
width:100%;
font-size:x-small;
background-color:#07183e;
padding-top: 4px;
height:18px;
overflow: hidden;
}
#content {
width:100%;
float:left;
}
a {
color: #fff;
}
h1 {
display:none;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
.bouton {
margin-left:2px;
}
legend,
caption {
display: none;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CC0000;
}
div.coul02, .orange, .coul02 {
color: #EA820D;
}
div.coul03, .violet, .coul03 {
color: #8B3562;
}
div.coul04, .vert, .coul04 {
color: #78A909;
}
div.coul05, .vertFonce, .coul05 {
color:#005E38;
}
div.coul06, .gris, .coul06 {
color: #666666;
}
div.coul07, .noir, .coul07 {
color: #000000;
}
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureRouge {
border: 1px solid #CC0000;
}
img.bord02, .bordureOrange {
border: 1px solid #EA820D;
}
img.bord03, .bordureViolete {
border: 1px solid #8B3562;
}
img.bord04, .bordureVerte {
border: 1px solid #78A909;
}
img.bord05, .bordureVerteFoncee {
border: 1px solid #005E38;
}
img.bord06, .bordureGrise {
border: 1px solid #666666;
}
img.bord07, .bordureNoire {
border: 1px solid #000000;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 10px 0px 10px 0px;
}
.result th {
background-color: #103463;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
border: none;
}
.result td {
vertical-align: top;
padding: 3px;
border: none;
 }
.result td.title {
text-align: left;
width: 390px;
}
.result td.title a {
font-weight: bold;
color: #016D70;
 }
.result td.date {
font-size: x-small;
width: 100px;
 }
.result td.description {
border-bottom: 1px solid #103463;
padding-bottom: 10px;
background-color: #F4F6EC;
 }
html div.prec {
float: left;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 15px;
background-image: url(fleche_precedente.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
color: #003333;
line-height: 12px;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 15px 0px 0px;
background-image: url(fleche_suivante.gif);
background-repeat: no-repeat;
background-position: 43px 1px;
color: #003333;
line-height: 12px;
text-decoration: none;
}
html div.prec a:hover,
html div.suiv a:hover {
text-decoration: underline;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #103463;
padding: 3px;
vertical-align: top;
}
th {
background-color: #103463;
color: #FFFFFF;
}
/*----------------------------------------------------------------------------------------------------*/
/*--  DIVERS STYLES  --*/
.invisible,
#raccourcis {
display: none;
}
#totem {
display:none;
}
/*------------------------------------------------------- INDEX -----------------------------------------------------------*/
body.bodyindex h1 {
display:block;
}
#conteneur {
width:1000px;
margin:0 auto;
border-bottom:#fff 1px solid;
border-left:#fff 1px solid;
border-right:#fff 1px solid;
}
#flash {
height:120px;
}
#content-index {
background-color:#fff;
/*height:607px;*/
height:950px;
background-image:url(images/back-index.jpg);
background-repeat:no-repeat;
}
#content-index h1 {
color:#00774b;
font-variant:small-caps;
font-weight:bold;
text-align:center;
font-size:32px;
margin-left:280px;
margin-top:0px;
}
#content-index h2 {
color:#00529e;
font-style:italic;
font-weight:bold;
text-align:center;
font-size:40px;
margin-left:280px;
margin-top:40px;
}
#content-index h3 {
color:#00529e;
font-style:italic;
font-weight:100;
text-align:center;
font-size:18px;
margin-left:280px;
margin-top:20px;
}
#content-index .affiche {
margin:0 0 0 290px;
padding:0;
}

#content-index a {
text-decoration:none;
color:#00529e;
}
#content-index a:hover {
text-decoration:none;
}
#content-index .txt20 {
font-size:20px;
}
#entrer {
padding-left:195px;
padding-top:135px;
}
#entrer a {
color:#fff;
text-decoration:none;
font-weight:bold;
font-size:15px;
}
#entrer a:hover {
color:#fff;
text-decoration:none;
}
#logo {
border:none;
width:98px;
padding-left:600px;
padding-top:50px;
display:none;
}
#logo img {
border:none;
}
/*--------------------------------------------------------------------------------------------------------------------------- */
/*-- ACCUEIL -- */
body.bodyaccueil #total {
background-color: #103463;
}
body.bodyaccueil {
background-color:#FFFFFF;
}
body.bodyaccueil #imprimer {
display:none;
}
body.bodyaccueil #bandeau ul li {
float: left;
margin:0;
padding:0;
}
body.bodyaccueil #bandeau ul li a {
display:block;
width:100px;
height:16px;
padding: 5px 20px 5px 20px;
text-align:center;
border-right:#fff dotted 1px;
}
body.bodyaccueil #content {
background:url(images/back-home.jpg);
background-repeat: no-repeat;
height:560px;
}
body.bodyaccueil #footer #hautdepage {
display:none;
}
body.bodyaccueil #inter {
float:left;
width:505px;
margin-top:0px;
}
body.bodyaccueil #inter #aa {
float:left;
margin-top:170px;
width:505px;
}
body.bodyaccueil #inter #aa h2 {
margin:0;
padding:0;
font-size: medium;
font-style:italic;
text-align:center;
font-weight:normal;
width:500px;
color:#fff;
}
body.bodyaccueil #inter #aa p {
margin : 20px 0px 0px 0px;
padding:0;
text-align: justify;
width: 490px;
color: #fff;
}
body.bodyaccueil #inter #aa .suite {
text-align: right;
margin : 0px 0px 0px 0px;
padding: 0;
width: 430px;
}
body.bodyaccueil #inter #aa .suite a {
color:#fff;
}
body.bodyaccueil #inter #actus #aa a.lirelasuite {
color:#fff;
}
/*-----------------------------------------------------------------------------------------------------------*/
/*--  INTER --*/
#inter {
float:left;
color:#0E3463;
width:540px;
padding: 0px 0px 20px 88px;
margin-top:115px;
}
#inter h2,
#interpopup h2,
#inter h2 a,
#interpopup h2 a {
color:#0e3463;
font-style:italic;
margin:0px 0px 0px 0px;
padding:0;
font-size: x-large;
}
#inter h3,
#interpopup h3 {
font-style:italic;
margin:15px 0px 10px 0px;
padding:0;
font-size: large;
color:#97C00E;
}
#inter h3 a,
#interpopup h3 a {
color:#97C00E;
}
#inter h4,
#interpopup h4 {
margin:20px 0px 0px 0px;
padding:0;
font-size: medium;
color:#3399CC;
}
#inter h4 a,
#interpopup h4 a {
color:#3399CC;
}
#inter a {
color:#0e3463;
}
#inter p {
color:#0e3463;
margin: 8px 0px 8px 0px;
padding:  0px 0px 0px 0px;
}
#inter ul,
interpopup {
list-style:disc;
padding: auto;
margin: 8px 0px 8px 25px;
}
#inter ul li,
interpopup ul li {
list-style:disc;
padding: auto;
}
/*-----------------------------------------------------------------------------------------------------------*/
/*-- PAGES GENERIQUES --*/
body.bodygen #content {
background:url(images/back-gen.jpg) no-repeat 0 0;
background-color:#fff;
}
body.bodygen #inter a {
color:#0e3463;
}
body.bodygen #inter li {
color:#0e3463;
}
/*------------------------------------------------------- PAGE AMIENS AMENANEMENT ----------------------------------------------------*/
body.bodysocieteaa #content {
background:url(images/back-amiens.jpg) no-repeat 0 0;
background-color:#fff;
}
body.bodysocieteaa #totem {
display:none;
}
body.bodysocieteaa #inter a {
color:#0e3463;
}
body.bodysocieteaa #inter h3 {
color:#0dbfa5;
}
/* #inter tout court pading-top:... + mettre toujours une font-size pour éviter un décalage */
/*------------------------------------------------------------------------------------------------------------------------*/
/*-- PAGES SOCIETE --*/
body.bodysocietes #content {
background:url(images/back-societe.jpg) no-repeat 0 0;
background-color:#fff;
}
body.bodysocietes #inter a {
color:#0e3463;
}
body.bodysocietes #inter h3 {
color:#00B0A7;
}
body.bodysocietes #inter ul.planaccesul {
margin:0px 0px 0px 25px;
font-style:italic;
font-weight:bold;
}
body.bodysocietes #inter li.planaccesadr {
color:#0e3463;
margin-top:15px;
}
body.bodysocietes #inter li.planaccestel {
color:#0dbfa5;
margin-top:15px;
}
body.bodysocietes #inter li.planaccesfax {
color:#0dbfa5;
}
body.bodysocietes #inter span.textbleu {
color:#0e3463;
}
/*------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------- PAGE PROJETS ----------------------------------------------------*/

body.bodyreferences #inter {
width:628px;
padding: 0px 0px 20px 0px;
}
body.bodyreferences #content {
background:url(images/back-projets.jpg) no-repeat 0 0;
background-color:#fff;
}
body.bodyreferences #inter a {
color:#0e3463;
}
body.bodyreferences #inter h2 {
margin: 0px 0px 0px 88px;
}
body.bodyreferences #inter h3 {
font-size:14px;
color:#fff;
background-color:#254c78;
text-align:center;
width:628px;
height:19px;
border:1px solid #fff;
padding-top:3px;
margin-bottom:0px;
}
.refvert {
color:#00774b;
}
body.bodyreferences #inter table {
border: none;
margin:0px 0px 10px 0px;
}
table.tableauLarge, .tableau580px,
/*body.bodyreferences #inter table.tableauLarge*/ {
width: 628px;
}
body.bodyreferences #inter th {
color:#254c78;
border:none;
text-align:center;
height:30px;
}
body.bodyreferences #inter th.thope {
background-color:#c6d3dc;
}
body.bodyreferences #inter th.thvocation {
background-color:#ffffda;
}
body.bodyreferences #inter td {
background-color:#fff;
color:#0e3463;
border: none;
line-height:20px;
}
body.bodyreferences #inter table.tableauLarge .colope01 {
width:180px;
}
body.bodyreferences #inter table.tableauLarge .colope02 {
width:170px;
}
body.bodyreferences #inter table.tableauLarge .colope03 {
width:60px;
}
body.bodyreferences #inter table.tableauLarge .colope04 {
width:70px;
}
body.bodyreferences #inter table.tableauLarge .colope05 {
width:85px;
}
body.bodyreferences #inter table .col01 {
width:180px;
}
body.bodyreferences #inter table .col02 {
width:180px;
}
body.bodyreferences #inter table .col03 {
width:70px;
}
body.bodyreferences #inter table .col04 {
width:70px;
}
body.bodyreferences #inter ul.ulproj  {
margin:20px 0px 0px 25px;
}
body.bodyreferences #inter li.liproj  {
color:#b8493e;
font-weight:bold;
line-height:20px;
}
body.bodyreferences #inter p.imgproj  {
margin: 30px 0px 0px 0px;
}
body.bodyreferences #inter p img {
border:2px solid #0e3463;
margin-right:20px;
}
body.bodyreferences #inter span.lititre  {
color:#0e3463;
}
body.bodyreferences #inter p.txtproj {
margin:20px 0px 0px 0px;
}
h2.titrefiche, .titreDesFiches {
background:url(images/picto-titre-fiche.gif) no-repeat right top;
}
h3.titreproj, .SousTitreDesFiches, body #inter h3.titreproj {
text-decoration:underline;
color:#0e3463;
font-style:italic;
margin:20px 0px 0px -88px;
padding:0;
background:url(images/carre-bleu.gif) no-repeat 88px;
border:0px;
text-align:left;
padding-left:100px;
}
.alignright {
text-align:right;
margin:0;
padding:0;
}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-- PAGE A VENDRE A LOUER --*/
body.bodyavendre #content {
background:url(images/back-avendre.jpg) no-repeat 0 0;
background-color:#fff;
}
body.bodyavendre #inter {
width:628px;
padding: 0px 0px 20px 0px;
}

body.bodyavendre #inter a {
color:#0e3463;
}
body.bodyavendre #inter h2 {
margin: 0px 0px 0px 88px;
}
body.bodyavendre #inter h3 {
color:#8B3562;
}
body.bodyavendre #inter .titreavendre {
font-size:14px;
color:#fff;
background-color:#8B3562;
text-align:center;
width:623px;
height:19px;
border:1px solid #fff;
padding-top:3px;
margin-bottom:0px;
}
body.bodyavendre #inter table {
border: none;
width: 628px;
margin:0px 0px 10px 0px;
}

body.bodyavendre #inter th {
color:#254c78;
border:none;
text-align:center;
height:20px;
background-color:#ededed;
border:1px solid #7b376f;
}
body.bodyavendre #inter th.thavendre {
border:none;
}

body.bodyavendre #inter th.thope {
background-color:#c6d3dc;
}
body.bodyavendre #inter th.thvocation {
background-color:#ffffda;
border:1px solid #7b376f;
}
body.bodyavendre #inter th.thvocation2 {
background-color:#ffffda;
border:none;
}
body.bodyavendre #inter th.thcarte {
background-color:#c6d3dc;
border:none;
}




/*body.bodyavendre #inter th {
font-size: x-small;
background-color:#ededed;
color:#0e3463;
border:1px solid #7b376f;
}*/
body.bodyavendre #inter th.thleft3 {
text-align:left;
border:none;
}
body.bodyavendre #inter th.thleft {
text-align:left;
border:1px solid #7b376f;
}
body.bodyavendre #inter th.thleft12 {
text-align:left;
}
body.bodyavendre #inter th.thleft2 {
text-align:left;
border-top:none;
border-left:none;
background-color:#fff;
}
body.bodyavendre #inter td {
background-color:#fff;
color:#0e3463;
border: none;
}
body.bodyavendre #inter span.clicope {
color:#0e3463;
font-size: x-small;
}
body.bodyavendre #inter table .colope01 {
width:200px;
}
body.bodyavendre #inter table .colope02 {
width:300px;
}
body.bodyavendre #inter table .colope03 {
width:123px;
}
body.bodyavendre #inter span.clicope {
color:#0e3463;
font-size: x-small;
}
table.fichecom, .tableauFicheCommerciale01 {

}
body.bodyavendre #inter table.fichecom td {
font-size: x-small;
background-color:#dff1e3;
color:#0e3463;
border:1px solid #7b376f;
vertical-align:middle;
}
table.fichecom2, .tableauFicheCommerciale02 {

}
body.bodyavendre #inter table.fichecom2 td {
font-size: x-small;
color:#0e3463;
border:1px solid #7b376f;
background-color:#fffddd;
vertical-align:middle;
}
table.fichecom3, .tableauFicheCommerciale03 {

}
body.bodyavendre #inter table.fichecom3 td {
font-size: x-small;
color:#0e3463;
border:1px solid #7b376f;
background-color:#dfe4f1;
vertical-align:middle;
}
body.bodyavendre #inter table .trcom {
line-height:10px;
}
body.bodyavendre #inter table .colcom01 {
width:120px;
}
body.bodyavendre #inter table .colcom02 {
width:130px;
}
body.bodyavendre #inter table .colcom03 {
width:90px;
text-align:center;
}
body.bodyavendre #inter table .colcom04 {
width:70px;
text-align:center;
}
body.bodyavendre #inter table .colcom05 {
width:60px;
text-align:center;
}
body.bodyavendre #inter table .colcom06 {
width:60px;
text-align:center;
}
body.bodyavendre #inter table .colcom07 {
width:50px;
text-align:center;
}
body.bodyavendre #inter table .colcom08 {
width:93px;
text-align:center;
}
body.bodyavendre #inter table .mauve {
color:#7b376f;
}
body.bodyavendre #inter table .txt12 {
color:#7b376f;
font-style:italic;
}
/*---------------------------------------------------------------- PAGE CONSULT ---------------------------------------------------------*/
body.bodyconsult #content {
background:url(images/back-consult.jpg) no-repeat 0 0;
background-color:#fff;
}
body.bodyconsult #totem {
display:none;
}
body.bodyconsult #inter a {
color:#0e3463;
}
body.bodyconsult #inter h3 {
color:#EA820D;
}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*-- PAGE CONTACT --*/
body.bodycontact #content {
background:url(images/back-contact.jpg) no-repeat 0 0;
background-color:#103463;
}
body.bodycontact #inter a {
color:#78a909;
}
body.bodycontact #inter p {
color:#fff;
}
body.bodycontact #inter h2,
body.bodycontact #inter h2 a {
color:#FFFFFF;
}
body.bodycontact #inter h3 {
color:#78a909;
font-size: small;
padding:0;
}
body.bodycontact #inter ul li.liste01 {
color:#fff;
}
body.bodycontact #formcontact { 
float: left;
width:505px;
height: 658px;
margin: 20px 0px 0px -30px;
padding: 17px 0px 0px 0px;
background:url(images/back-form.jpg);
background-repeat: no-repeat;
background-position; 0px 0px;
}
body.bodycontact #formcontact p {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
body.bodycontact #formcontact form label,
body.bodycontact #formcontact div.footer {
color: #FFFFFF;
}
/*---------------------------------------------------------------*/
/*--  FOOTER DE LA PAGE DE CONTACT  --*/
body.bodycontact #footer #hautdepage a {
color:#FFFFFF;
}
body.bodycontact #footer {
background-color:#103463;
color:#FFFFFF;
}
body.bodycontact #footer li a {
color:#FFFFFF;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--  ZONE IMPRIMER LE PAGE  --*/
#imprimer {
text-align:right;
v-align:center;
position:absolute;
top:172px;
left:325px;
width:108px;
line-height: 34px;
/*height:34px;
background:url(images/picto_print.gif);
background-position:right center;
background-repeat:no-repeat;*/
}
#imprimer a {
line-height:30px;
color:#0E3465;
font-size:x-small;
text-decoration: none;
}
#imprimer a:hover {
text-decoration: underline;
}
body.bodycontact #imprimer {
background:url(images/picto_print_fond_bleu.gif);
background-position:right center;
background-repeat:no-repeat;
}
body.bodycontact #imprimer a {
color: #FFFFFF;
}
/*------------------------------------------------------- BANDEAU VERT -----------------------------------------------------------*/
#bandeau {
float: left;
width:100%;
height:26px;
background-color:#78a909;
border-bottom: #fff dashed 1px;
border-top: #fff dashed 1px;
overflow: hidden;
}
#bandeau ul li {
float: left;
margin:0;
padding:0;
}
#bandeau ul li a {
display:block;
width:100px;
height:16px;
padding: 5px 20px 5px 20px;
text-align:center;
border-right:#fff dotted 1px;
}
#bandeau li a {
color:#fff;
text-decoration:none;
}
#bandeau li a:hover {
color:#fff;
background-color:#00774b;
}
#bandeau #recherche {
background-color:#0E3463;
float: left;
height:20px;
margin-left:30px;
width:170px;
text-align:center;
padding: 2px 0px 3px 2px;
}
#bandeau #recherche input.saisie {
text-align:center;
color: #0E3463;
border: 1px solid #0E3463;
font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
font-size: small;
width: 130px;
vertical-align: middle;
}
#bandeau #recherche input.bouton {
vertical-align: middle;
margin-left: 3px;
}
#bandeau #newsletter {
background-color:#0e3463;
float: left;
height:20px;
margin-left:30px;
width:235px;
padding: 2px 0px 2px 5px;
}
#bandeau #newsletter input.saisie {
text-align:center;
color: #0E3463;
border: 1px solid #0E3463;
font-family: Arial, Trebuchet MS, Helvetica, sans-serif;
font-size: small;
width: 130px;
vertical-align: middle;
}
#bandeau #newsletter input.bouton {
vertical-align: middle;
margin-left: 3px;
}
/*------------------------------------------------------------------ FOOTER --------------------------------------------------------- */
#footer {
width:1000px;
float: left;
text-align:center;
font-size: x-small;
background-color:#FFFFFF;
color:#0E3465;
padding: 0px 0px 5px 0px;
}
body.bodyaccueil #footer {
background-color:#0E3463;
color:#FFFFFF;
}
#footer #hautdepage {
text-align:right;
float: right;
clear: both;
width: 88px;
line-height: 34px;
padding: 0px 50px 0px 0px;
color:#0E3465;
background:url(images/picto_haut.gif);
background-position:left center;
background-repeat:no-repeat;
}
body.bodycontact #footer #hautdepage {
background:url(images/picto_haut_fond_bleu.gif);
background-position:left center;
background-repeat:no-repeat;
}
body.bodyaccueil #footer li a {
color:#fff;
text-decoration:none;
}
body.bodyaccueil #footer li a:hover {
color:#fff;
text-decoration:underline;
}
#footer ul {
clear: both;
float: left;
padding: 60px 0px 0px 0px;
width: 1000px;
list-style-type:none;
}
#footer li {
display:inline;
text-align:center;
margin-left:50px;
}
#footer a {
color:#0e3465;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
/*-------------------------------------------------------------------------------------------------------------------------- */
/*-- MENU --*/
#menu {
position: relative;
width:310px;
height:560px;
float:left;
}
#menu ul li {
margin: 0;
padding: 0;
}
#menu ul li.societe  {
position: absolute;
top:0px;
left: 0px;
border-bottom: 1px dashed #FFFFFF;
width:155px;
height: 46px;
}
#menu ul li.societe a  {
display:block;
background:url(images/picto-societe.gif); 
background-repeat:no-repeat;
background-position : 12px -4px;
text-decoration:none;
line-height:16px;
color:#fff;
padding: 15px 0px 0px 45px;
width:110px;
height:31px;
}
#menu ul li.societe a:hover,
#menu ul li.societe a.on  {
background-position : 12px -93px;
}
#menu ul li.projets  {
position: absolute;
top:48px;
left: 0px;
border-bottom: 1px dashed #FFFFFF;
width:163px;
height: 63px;
}
#menu ul li.projets a  {
display:block;
background:url(images/picto-projets.gif);
background-repeat:no-repeat;
background-position : 12px 7px;
text-decoration:none;
line-height:16px;
color:#fff;
padding: 15px 0px 0px 45px;
width:113px;
height:48px;
}
#menu ul li.projets a:hover,
#menu ul li.projets a.on    {
background-position : 12px -82px;
}
#menu ul li.avendre {
position: absolute;
top:111px;
left: 0px;
border-bottom: 1px dashed #FFFFFF;
width:200px;
height:50px;
}
#menu ul li.avendre a  {
display:block;
background:url(images/picto-avendre.gif);
background-repeat:no-repeat;
background-position : 12px -4px;
text-decoration:none;
line-height:16px;
color:#fff;
padding: 15px 0px 0px 45px;
width:133px;
height:35px;
}
#menu ul li.avendre a:hover,
#menu ul li.avendre a.on    {
background-position : 12px -93px;
}
#menu ul li.offres {
position: absolute;
top:159px;
left: 0px;
border-bottom: 1px dashed #FFFFFF;
width:217px;
height:66px;
}
#menu ul li.offres a  {
display:block;
background:url(images/picto-offres.gif);
background-repeat:no-repeat;
background-position : 12px 7px;
text-decoration:none;
line-height:16px;
color:#fff;
padding: 15px 0px 0px 45px;
width:178px;
height:51px;
}
#menu ul li.offres a:hover,
#menu ul li.offres a.on    {
background-position : 12px -82px;
}
/*------------ SOUS MENU ---------------- */
#menu ul li ul  {
display:none;
}
#menu ul li ul  {
position:absolute;
top:1px;
left:150px;
width:160px;
height: 132px;
background:url(images/back-ssmenu.gif) no-repeat;
padding: 5px 5px 5px 36px;
z-index: 100;
}
#menu ul li.societe ul li,
#menu ul li.projets ul li,
#menu ul li.avendreul li,
#menu ul li.offres ul li  {
border:none;
color:#fff;
width:160px;
padding-right:10px;
float:left;
height:20px;
}
#menu ul li.societe ul li a,
#menu ul li.projets ul li a,
#menu ul li.avendreul li a,
#menu ul li.offres ul li a {
display:block;
color:#fff;
text-decoration: none;
background-image: none;
padding-left: 0px;
padding-top: 0px;
font-weight: bold;
width: 160px;
height: auto;
}
#menu ul li.societe ul li a.on,
#menu ul li.societe ul li a:hover,
#menu ul li.projets ul li a.on,
#menu ul li.projets ul li a:hover,
#menu ul li.avendreul li a.on,
#menu ul li.avendreul li a:hover,
#menu ul li.offres ul li a.on,
#menu ul li.offres ul li a:hover {
color:#0dbfa5;
background-image:none;
height:20px;
}
#menu #cartemenu {
position: absolute;
top:225px;
left: 0px;
width:245px;
}
#menu #cartemenu p, img {
text-align:center;
margin:10px 0px 0px 0px;
padding:0;
}
/*------------------------------------------------------------------ ACTUS --------------------------------------------------------- */
/*** UNE ACTUS DEROULANTE ***/
body.bodyaccueil #inter #actus {
/*float: left;
padding: 0;
margin: 0;
width: 385px;*/
position: relative;
float:right;
margin-right:40px;
background:url(images/back-actus.gif);
background-repeat:no-repeat;
background-position : 0px 5px;
height:109px;
}
body.bodyaccueil #inter #actus h2 {
/*display: none;*/
margin-left:70px;
margin-top:15px;
padding:0;
color:#0e3463;
font-size: x-small;
font-style:normal;
}
body.bodyaccueil #inter #actus div {
float: left;
/*padding: 0;
margin: 0;
width: 385px;*/
padding : 5px 0px 0px 10px;
margin:0;
width:367px;
}
/* --------------- COMMANDES --------------- */
body.bodyaccueil #inter #actus .commandes {
width: 50px;
height: 7px;
margin-top:0px;
padding: 0px 0px 0px 315px;
}
body.bodyaccueil #inter #actus .commandes a {
margin: 0;
}
body.bodyaccueil #inter #actus .commandes img {
margin: 0px 5px 0px 0px;
float: left;
}
/* --------------- END COMMANDES --------------- */
/* --------------- TOUTES LES ACTUS --------------- */
body.bodyaccueil #inter p.toutesactus {
/*display:none;*/
position: absolute;
left: 20px;
top: 85px;
margin: 0;
padding: 6px 0px 0px 0px;
font-size: x-small;
font-weight: bold;
}
body.bodyaccueil #inter p.toutesactus a.voiractus {
/*display:none;*/
text-decoration: none;
}
/* -------------------- ACTULIST --------------------- */
body.bodyaccueil #inter #actus div #actuList {
position:absolute; 
top:35px;
width: 367px;
clip:rect(0 355px 55px 0);
height: auto;
padding: 0;
background:none;
}
body.bodyaccueil #inter #actus div #actuList p {
float: left;
margin: 5px 0px 0px 0px;
padding: 0px 0px 5px 10px;
width: 340px;
height: 95px;
overflow: hidden;
}
body.bodyaccueil #inter #actus div #actuList p img {
float: right;
margin-left: 10px;
}
body.bodyaccueil #inter #actus div #actuList p img {
margin: 0px 10px 0px 0px;
}
body.bodyaccueil #inter #actus div #actuList p a {
text-decoration: none;
color:#0e3463;
}
body.bodyaccueil #inter #actus div #actuList p  strong a {
color:#0e3463;
text-decoration: underline;
}
/*-----------------------------------------------------------------------------------------------------------*/
/*--  LISTE DE TOUTES LES ACTUS  --*/
div.actuLigne {
float: left;
width: 505px;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #D5E1F0;
}
div.actuLigne img {
margin-top: 0px;
}
/*-----------------------------------------------------------------------------------------------------------*/
/*-- POPUPS --*/
body.bodypopup {
background-color: #103463;
color:#0e3463;
margin: 0;
padding: 0;
}
body.bodypopup a {
color:#0e3463;
}
body.bodypopup #centrage {
width: 700px;
margin: auto;
padding: 0px 0px 0px 0px;
}
body.bodypopup #total {
width: 700px;
float: left;
background-color: #FFFFFF;
border: none;
padding: 0px 0px 0px 0px;
margin-bottom: 10px;
}
body.bodypopup #headerpopup {
float: left;
width: 700px;
height: 100px;
margin: 0;
padding: 0;
}
body.bodypopup #headerpopup img {
margin: 0;
padding: 0;
}
body.bodypopup #interpopup {
width: 660px;
float: left;
padding: 10px 20px 20px 20px;
}
body.bodypopup #footerpopup {
width: 660px;
float: left;
padding: 5px 20px 10px 20px;
font-size: x-small;
}
body.bodypopup #footerpopup #imprimpopup {
float: left;
line-height: 32px;
padding: 0px 0px 0px 22px;
background-image: url(picto_print_mini.gif);
background-repeat: no-repeat;
background-position: left center;
}
body.bodypopup #footerpopup #hautdepage {
float: right;
line-height: 32px;
padding: 0px 0px 0px 22px;
background-image: url(picto_haut_mini.gif);
background-repeat: no-repeat;
background-position: left center;
}
body.bodypopup #footerpopup a {
text-decoration: none;
}
body.bodypopup #footerpopup a:hover {
text-decoration: underline;
}