body {
  min-height:100%;
  margin:0;
  padding:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  background-repeat:repeat-y;
  background-position:top left;
}

hr {
  border:1px solid white;
}

body.entreprise {
  background-image:url(/images/fond-trans.png);
  background-color:#E02A85;
  color:white;
}

body.chr {
  background-image:url(/images/fond_chr.gif);
  background-color:white;
  color:black;
}

body.gms {
  background-image:url(/images/fond-trans.png);
  background-color:#F8E87F;
  color:black;
}

body.bureau {
  background-image:url(/images/fond-trans.png);
  background-color:#FFFF00;
  color:black;
}

body.aider {
  background-image:url(/images/fond-trans.png);
  background-color:#82C3FF;
  color:black;
}

body.magasin {
  background-image:url(/images/fond-trans.png);
  background-color:#EB8310;
  color:black;
}

body.visite {
  background-image:url(/images/fond-trans.png);
  background-color:#9F2E9D;
  color:white;
}

body.actualites {
  background-image:url(/images/fond-trans.png);
  background-color:#1577B7;
  color:white;
}

body.contacts {
  background-image:url(/images/fond-trans.png);
  background-color:#2897A5;
  color:white;
}

body.smart {
  background-image:url(/images/fond-trans.png);
  background-color:#FFC949;
  color:black;
}

body.mentions {
  background-image:url(/images/fond_chr.gif);
  background-color:white;
  color:black;
}

body.entreprise a,body.visite a,body.actualites a,body.contacts a {
  color:white;
  font-weight:bold;
}

body.chr a,body.gms a,body.bureau a,body.aider a,body.magasin a,body.mentions a,body.smart a {
  color:black;
  font-weight:bold;
}

a img {
  border:none;
}

#container {
  position:relative;
  overflow:hidden;
  float:left;
  width:100%;
}

#header {
  height:126px;
  background-color:#E71884;
}

#logos {
  width:873px;
  height:100%;
  background-color:#3D0D07;
}


#logo_coic {
  vertical-align:top;
  padding:12px 15px;
}

#logo_pb {
  padding:17px 15px;
}

.rond {
  position:absolute;
  top:0;
  left:556px;
}

#menu {
  position:relative;
  z-index:10;
  float:left;
  width:200px;
}

#menu, #menu li, #menu li ul, #menu a {
  display:block;
}

#menu, #menu li, #menu li ul {
  list-style:none;
  margin:0;
  padding:0;
}

#menu li {
  position:relative;
  width:100%;
  vertical-align:top;
}

#menu a {
  text-decoration:none;
  width:100%;
  color:black;
}

#menu img {
  vertical-align:top;
}

#menu li ul li ul {
  display:none;
  position:absolute;
  top:13px;
  left:165px;
  width:155px;
  background-color:#FFEDB0;
  border-width:0 0 1px 0;
  border-style:solid;
  border-color:#153453;
}

#menu li ul li:hover ul {
  display:block;
}

#menu li ul li ul li {
  width:auto;
  height:auto;
  padding-left:10px;
  border-width:1px 1px 0 1px;
  border-style:solid;
  border-color:#153453;
  line-height:18px;
}

#menu li ul li ul li:hover {
  background:transparent url(/images/sous_menu_fond.gif) no-repeat center left;
}

#menu_entreprise:hover, #menu_entreprise_on {
  background:transparent url(/images/menu_entreprise_fond.gif) no-repeat top left;
}

#menu_produits:hover, #menu_produits_on {
  background:transparent url(/images/menu_produits_fond.gif) no-repeat top left;
}

#menu_chr:hover, #menu_chr_on {
  background:transparent url(/images/menu_chr_fond.gif) no-repeat top left;
}

#menu_gms:hover, #menu_gms_on {
  background:transparent url(/images/menu_gms_fond.gif) no-repeat top left;
}

#menu_bureau:hover, #menu_bureau_on {
  background:transparent url(/images/menu_bureau_fond.gif) no-repeat top left;
}

#menu_aider:hover, #menu_aider_on {
  background:transparent url(/images/menu_aider_fond.gif) no-repeat top left;
}

#menu_magasin:hover, #menu_magasin_on {
  background:transparent url(/images/menu_magasin_fond.gif) no-repeat top left;
}

#menu_visite:hover, #menu_visite_on {
  background:transparent url(/images/menu_visite_fond.gif) no-repeat top left;
}

#menu_actualites:hover, #menu_actualites_on {
  background:transparent url(/images/menu_actualites_fond.gif) no-repeat top left;
}

#menu_contacts:hover, #menu_contacts_on {
  background:transparent url(/images/menu_contacts_fond.gif) no-repeat top left;
}

#contenu {
  position:relative;
  z-index:1;
  margin:40px 0 40px 230px;
  width:450px;
}

#contenu p {
  text-align:justify;
}

#contenu h1 a, #contenu h1 img {
  vertical-align:top;
}

#liste_produits {
  display:block;
  float:left;
  width:185px;
  margin:0 20px 20px 0;
  padding:0;
  list-style:none;
}

#liste_produits li {
  display:block;
  float:left;
  margin:0;
  padding:0;
  list-style:none;
}

#liste_produits li a img {
  margin:0 5px 5px 0;
}

#contact_plan {
  float:left;
  margin:0 30px 10px 8px;
}

body.aider form div {
  text-align:center;
}

body.aider form select {
  margin:0 0 10px 0;
}

body.aider form #valider {
  background-color:#FFFFFF;
  color:black;
  font-weight:bold;
}

body.aider hr {
  margin:10px 0 10px 0;
  border:1px solid black;
}

body.contacts form ul {
  display:block;
  list-style:none;
  width:450px;
  margin:0 0 5em 5px;
  padding:0;
  float:left;
}

body.contacts form ul, body.contacts form input, body.contacts form select {
  font-size:12px;
}

body.contacts form ul li {
  clear:left;
  padding:.25em 0;
  list-style:none;
}

body.contacts form label, body.contacts form div.label {
  display:block;
  float:left;
  width:160px;
  text-align:right;
  padding-right:1em;
  line-height:1em;
}

body.contacts form select, input{
  color:#713A2B;
  border:1px solid #B76C65;
}

body.contacts form textarea {
  width:265px;
  height:70px;
}

body.contacts form #envoyer {
  margin:15px 0 0 378px;
  background-color:#FFD030;
  color:black;
  font-weight:bold;
}

#smart {
  position:absolute;
  top:313px;
  left:765px;
}

#boutique {
  display:block;
  position:absolute;
  top:315px;
  left:765px;
}

#boutique img {
  vertical-align:top;
}

#footer {
  clear:both;
  text-align:center;
  margin:20px 0 15px 230px;
  width:450px;
  font-size:10px;
}

#footer a {
  text-decoration:none;
}