html{
width:100%;
height:100%;
}
body {
width:100%;
height:100%;
vertical-align:middle;
margin: 0;
padding: 0;
background-color: #FFFFFF;
background-repeat:repeat-x;
background-position: center center;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #3D3D3D;
}
#total {
min-height:50px !important;
height:100%;
width:100%;
background-repeat:no-repeat;
background-position: center center;
}
#contentVert {
position:absolute;
width:100%;
top:50%;
margin-top:-288px; /*has to be 50% of container height ...*/
}
#contentHorz {
position: relative;
margin:auto;
width:786px;
height:576px;
background-repeat: no-repeat;
overflow: hidden;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------*/
a {
color: #333333;
}
h1 {
display:none;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*-- HEADER --*/
#headeraccueil {
width: 786px;
height: 140px;
text-align: center;
}
#headeraccueil img {
margin: 51px 0px 0px 0px;
}
#header {
width: 786px;
height: 92px;
background-repeat: no-repeat;
border-bottom: 1px solid #777675;
}
#header img {
float: right;
margin: 30px 28px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*-- MENU --*/
body.bodyaccueil #menuSite {
border-top: none;
top: 453px;
}
#menuSite {
position: absolute;
top: 452px;
left: 0px;
width: 786px;
padding-top: 10px;
border-top: 1px solid #BEBCB8;
z-index: 10;
}
#menuSite ul {
margin: 0;
padding: 0px 0px 0px 81px;
}
#menuSite ul li {
display: inline;
float: left;
}
#menuSite ul li a {
display: block;
height: 22px;
background-repeat: no-repeat;
}
#menuSite ul li.lienmarques a {
background-image: url(bouton_marques.gif);
width: 87px;
}
#menuSite ul li.lienmagasins a {
background-image: url(bouton_magasins.gif);
width: 91px;
}
#menuSite ul li.lienespaceprofessionnel a {
background-image: url(bouton_espace_professionnel.gif);
width: 132px;
}
#menuSite ul li.lienservicesclients a {
background-image: url(bouton_services_clients.gif);
width: 102px;
}
#menuSite ul li.lienressourceshumaines a {
background-image: url(bouton_ressources_humaines.gif);
width: 135px;
}
#menuSite ul li.lienhistorique a {
background-image: url(bouton_historique.gif);
width: 77px;
}
#menuSite ul li a span {
margin-left: -1000px;
}
#menuSite ul li ul {
display: none;
margin: 0;
padding: 0px 0px 0px 10px;
font-size: x-small;
border-left: 1px solid #BEBAB0;
color: #3D3D3D;
}
body.bodymarques #menuSite ul li.lienmarques ul {
display: block;
}
body.bodymagasins #menuSite ul li.lienmagasins ul {
display: block;
}
body.bodyespaceprofessionnel #menuSite ul li.lienespaceprofessionnel ul {
display: block;
}
body.bodyservicesclients #menuSite ul li.lienservicesclients ul {
display: block;
}
body.bodyressourceshumaines #menuSite ul li.lienressourceshumaines ul {
display: block;
}
body.bodyhistorique #menuSite ul li.lienhistorique ul {
display: block;
}
#menuSite ul li ul li {
display: table;
float: none;
margin: 0;
padding: 0;
line-height: 16px;
width: auto;
height: auto;
}
#menuSite ul li ul li a span {
margin-left: 0px;
}
#menuSite ul li.lienmarques ul li a,
#menuSite ul li.lienmagasins ul li a,
#menuSite ul li.lienespaceprofessionnel ul li a,
#menuSite ul li.lienservicesclients ul li a,
#menuSite ul li.lienressourceshumaines ul li a,
#menuSite ul li.lienhistorique ul li a {
width: auto;
height: auto;
background-image: none;
color: #3D3D3D;
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*-- INTER --*/
#interaccueil {
width: 786px;
padding: 12px 10px 0px 23px;
}
#inter {
width: 741px;
padding: 10px 10px 10px 25px;
height: 340px;
overflow: auto;
}
h2 {
position: absolute;
top: 26px;
left: 24px;
margin: 0;
}
h3 {
margin: 0px 0px 15px 0px;
font-size: large;
}
body.bodyespaceprofessionnel h3,
body.bodyservicesclients h3,
body.bodyressourceshumaines h3,
body.bodyhistorique h3,
body.bodygenerique h3,
body.bodyespaceprofessionnel h3 a,
body.bodyservicesclients h3 a,
body.bodyressourceshumaines h3 a,
body.bodyhistorique h3 a,
body.bodygenerique h3 a {
font-size: 32px;
text-decoration: none;
}
h4 {
margin: 12px 0px 12px 0px;
font-size: medium;
font-weight: normal;
}
body.bodyespaceprofessionnel h4,
body.bodyservicesclients h4,
body.bodyressourceshumaines h4,
body.bodyhistorique h4,
body.bodygenerique h4,
body.bodyespaceprofessionnel h4 a,
body.bodyservicesclients h4 a,
body.bodyressourceshumaines h4 a,
body.bodyhistorique h4 a,
body.bodygenerique h4 a {
font-size: 26px;
font-weight: normal;
text-decoration: none;
}
h5 {
margin: 12px 0px 12px 0px;
font-size: small;
font-style: italic;
padding-left: 10px;
}
body.bodyespaceprofessionnel h5,
body.bodyservicesclients h5,
body.bodyressourceshumaines h5,
body.bodyhistorique h5,
body.bodygenerique h5,
body.bodyespaceprofessionnel h5 a,
body.bodyservicesclients h5 a,
body.bodyressourceshumaines h5 a,
body.bodyhistorique h5 a,
body.bodygenerique h5 a {
font-size: 20px;
font-style: normal;
font-weight: normal; 
padding: 0;
text-decoration: none;
}
p {
margin: 10px 0px 10px 0px;
}
#inter ul {
padding-left: 20px;
margin: 10px 0px 10px 0px;
}
#inter ul li {
padding: 1px 0px 2px 15px;
background-image: url(puce_listes.gif);
background-repeat: no-repeat;
background-position: 4px 5px;
line-height: 16px;
}
#inter ul li a {
text-decoration: none;
}
#inter ul li a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*---- AFFICHAGE DES MARQUES ----*/
body.bodymarques #inter {
width: 766px;
padding: 0px 10px 0px 10px;
overflow: hidden;
height: 360px;
}
body.bodymarques #inter #listelogos {
position: absolute;
top: 93px;
left: 10px;
float: left;
width: 310px;
padding: 10px 10px 10px 10px;
height: 339px;
overflow: auto;
z-index: 1;
}
body.bodymarques #inter #listelogos ul {
margin: 0;
padding: 0;
}
body.bodymarques #inter #listelogos ul li {
float: left;
width: 91px;
height: 89px;
padding: 7px 0px 0px 5px;
background-image: url(fond_logo.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
body.bodymarques #inter #fichemarques {
position: absolute;
top: 93px;
left: 370px;
float: left;
width: 380px;
padding: 10px 10px 10px 10px;
height: 340px;
overflow: auto;
}
body.bodymarques #inter #fichemarques h4 {
font-size: medium;
font-weight: normal;
padding-bottom: 5px;
border-bottom: 1px solid #C4C3C0;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*---- AFFICHAGE DES MAGASINS ----*/
body.bodymagasins #inter {
width: 766px;
padding: 0px 10px 0px 10px;
overflow: hidden;
height: 360px;
}
body.bodymagasins #inter #cartedyn {
float: left;
width: 520px;
padding: 0;
height: 360px;
}
body.bodymagasins #inter #fichemagasins {
float: left;
width: 210px;
padding: 10px 10px 10px 20px;
height: 340px;
overflow: auto;
}
body.bodymagasins #inter #fichemagasins h3 {
font-size: small;
font-weight: normal;
color: #B1AFAC;
margin: 0;
}
body.bodymagasins #inter #fichemagasins h4 {
font-size: large;
font-weight: bold;
margin: 0px 0px 10px 0px;
}
body.bodymagasins #inter #fichemagasins h5 {
font-size: medium;
font-weight: normal;
font-style: normal;
padding: 0px  0px 5px 0px;
border-bottom: 1px solid #C4C3C0;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*-- FOOTER --*/
#footer {
position: absolute;
top: 560px;
left: 0px;
width: 766px;
padding-right: 20px;
text-align: right;
font-size: x-small;
color: #FFFFFF;
line-height: 12px;
}
#footer ul {
margin: 0;
padding: 0;
}
#footer ul li {
display: inline;
}
#footer ul li a {
color: #FFFFFF;
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*-- FICHES POP UP --*/
body.bodyfiche {
width:auto;
height:auto;
background-color: #FCF8F0;
background-image: none;
}
body.bodyfiche #total {
margin: auto;
width: 400px;
background-image: none;
}
body.bodyfiche #interfiche {
float: left;
padding: 0px 20px 20px 20px;
width: 360px;
background-image: url(fond_pop_up.jpg);
background-repeat: no-repeat;
background-position: bottom;
}
body.bodyfiche #interfiche h2 {
position: relative;
left: 0px;
top: 0px;
font-size: large;
margin: 20px 0px 0px 0px;
padding-bottom: 20px;
border-bottom: 1px solid #C2C0BA;
}
body.bodyfiche #interfiche h3 {
font-size: medium;
margin: 10px 0px 10px 0px;
padding-bottom: 5px;
border-bottom: 1px solid #C2C0BA;
font-weight: normal;
}
body.bodyfiche #interfiche #logosfiche ul li {
float: left;
width: 57px;
height: 55px;
padding: 4px 0px 0px 3px;
background-image: url(fond_logo_fiches.gif);
background-repeat: no-repeat;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--- ESPACE PREFESSIONNEL ---*/
body.bodyespaceprofessionnel #inter form {
margin-top: 60px;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
body.bodygenerique #inter #plandusite {
padding: 0px 50px 0px 50px;
}
body.bodygenerique #inter #plandusite h3 {
margin: 5px 0px 5px 0px;
padding: 0px 0px 5px 0px;
border-bottom: 1px solid #E4DFD1;
}
body.bodygenerique #inter #plandusite h3 a {
font-size: medium;
font-weight: normal;
text-decoration: none;
}
body.bodygenerique #inter #plandusite ul {
margin: 0;
padding: 0px 0px 0px 30px;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
/*--  POUR COUL01 & COUL02, Voir CSS contextuelle  --*/
div.coul03, .rouge, .coul03 {
color: #A11F12;
}
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureVerte {
border: 1px solid #808B4F;
}
img.bord02, .bordureVerteFoncee {
border: 1px solid #4D5E32;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
padding: 3px;
vertical-align: top;
}
th {
color: #FFFFFF;
}
/*-- ANIM ESPACE PROFESSIONNELS --*/
body.bodypopro {
width:100%;
height:100%;
vertical-align:middle;
margin: 0;
padding: 0;
background-color: #000000;
background-image: none;
}
body.bodypopro #total {
min-height:50px !important;
height:100%;
width:100%;
background-image: none;
}
body.bodypopro #contentVert {
position:absolute;
width:100%;
top:50%;
margin-top:-300px; /*has to be 50% of container height ...*/
}
body.bodypopro #contentHorz {
position: relative;
margin:auto;
width:800px;
height:600px;
background-image: none;
overflow: hidden;
}