div#banniere {
  background-repeat: no-repeat;
  position: relative;
  z-index: 2;
  margin-top: 0;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}

img#logo {
  position: absolute;
  z-index: 2;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

div#titre {
  color : yellow;
  font-size : 16px;
  font-weight : bold;
  position: absolute;
  z-index: 3;
  display: none;
  /* Pour ne pas que le titre se mette sur plusieurs lignes */
  white-space : nowrap;
}

div.txt_petit_cadre {
  color : yellow;
  font-size : 12px;
  font-weight : bold;
  position: absolute;
  z-index: 4;
  display: none;
  /* Pour ne pas que le titre se mette sur plusieurs lignes */
  white-space : nowrap;
}

/* MENU */

ul.ul_menu {
  padding:0;
  margin:0;
  list-style-type:none;
}

li.li_menu {
  margin-left:5px;
  float:left; /*pour IE*/
}

table#menu1 {
  position: absolute;
  display: none;
  z-index: 2;
}

table#menu2 {
  position: absolute;
  display: none;
  z-index: 2;
}

table#menu2 a {
  text-decoration: none;
  color: black;
}

table#menu2 a:hover {
  text-decoration: none;
  color: white;
}

td.onglet_actif {
  text-decoration: none;
  color: white;
}

/* Rouge */

td.onglet_rouge_g {
  width: 10px;
  height: 26px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnRouge_g);
  background-repeat: no-repeat;
  background-position: bottom;
}

td.onglet_rouge_c {
  height: 26px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnRouge_repet);
  background-repeat: repeat-x;
  background-position: bottom;
  font-weight : bold;
  padding-top: 7px;
  white-space : nowrap;
}

td.onglet_rouge_d {
  width: 10px;
  height: 26px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnRouge_d);
  background-repeat: no-repeat;
  background-position: bottom;
}

td.onglet_rouge_hover_g {
  width: 10px;
  height: 33px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnRougeHover_g);
  background-repeat: no-repeat;
}

td.onglet_rouge_hover_c {
  height: 33px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnRougeHover_repet);
  background-repeat: repeat-x;
  font-weight : bold;
  white-space : nowrap;
}

td.onglet_rouge_hover_d {
  width: 10px;
  height: 33px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnRougeHover_d);
  background-repeat: no-repeat;
}

/* Violet */

td.onglet_violet_g {
  width: 10px;
  height: 26px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnViolet_g);
  background-repeat: no-repeat;
  background-position: bottom;
}

td.onglet_violet_c {
  height: 26px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnViolet_repet);
  background-repeat: repeat-x;
  background-position: bottom;
  font-weight : bold;
  padding-top: 7px;
  white-space : nowrap;
}

td.onglet_violet_d {
  width: 10px;
  height: 26px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnViolet_d);
  background-repeat: no-repeat;
  background-position: bottom;
}

td.onglet_violet_hover_g {
  width: 10px;
  height: 33px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnVioletHover_g);
  background-repeat: no-repeat;
}

td.onglet_violet_hover_c {
  height: 33px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnVioletHover_repet);
  background-repeat: repeat-x;
  font-weight : bold;
  white-space : nowrap;
}

td.onglet_violet_hover_d {
  width: 10px;
  height: 33px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnVioletHover_d);
  background-repeat: no-repeat;
}


/* Bleu */

td.onglet_bleu_g {
  width: 10px;
  height: 26px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnBleu_g);
  background-repeat: no-repeat;
  background-position: bottom;
}

td.onglet_bleu_c {
  height: 26px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnBleu_repet);
  background-repeat: repeat-x;
  background-position: bottom;
  font-weight : bold;
  padding-top: 7px;
  white-space : nowrap;
}

td.onglet_bleu_d {
  width: 10px;
  height: 26px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnBleu_d);
  background-repeat: no-repeat;
  background-position: bottom;
}

td.onglet_bleu_hover_g {
  width: 10px;
  height: 33px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnBleuHover_g);
  background-repeat: no-repeat;
}

td.onglet_bleu_hover_c {
  height: 33px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnBleuHover_repet);
  background-repeat: repeat-x;
  font-weight : bold;
  white-space : nowrap;
}

td.onglet_bleu_hover_d {
  width: 10px;
  height: 33px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnBleuHover_d);
  background-repeat: no-repeat;
}

/* Vert */

td.onglet_vert_g {
  width: 10px;
  height: 26px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnVert_g);
  background-repeat: no-repeat;
  background-position: bottom;
}

td.onglet_vert_c {
  height: 26px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnVert_repet);
  background-repeat: repeat-x;
  background-position: bottom;
  font-weight : bold;
  padding-top: 7px;
  white-space : nowrap;
}

td.onglet_vert_d {
  width: 10px;
  height: 26px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnVert_d);
  background-repeat: no-repeat;
  background-position: bottom;
}

td.onglet_vert_hover_g {
  width: 10px;
  height: 33px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnVertHover_g);
  background-repeat: no-repeat;
}

td.onglet_vert_hover_c {
  height: 33px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnVertHover_repet);
  background-repeat: repeat-x;
  font-weight : bold;
  white-space : nowrap;
}

td.onglet_vert_hover_d {
  width: 10px;
  height: 33px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnVertHover_d);
  background-repeat: no-repeat;
}

/* Orange */

td.onglet_orange_g {
  width: 10px;
  height: 26px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnOrange_g);
  background-repeat: no-repeat;
  background-position: bottom;
}

td.onglet_orange_c {
  height: 26px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnOrange_repet);
  background-repeat: repeat-x;
  background-position: bottom;
  font-weight : bold;
  padding-top: 7px;
  white-space : nowrap;
}

td.onglet_orange_d {
  width: 10px;
  height: 26px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnOrange_d);
  background-repeat: no-repeat;
  background-position: bottom;
}

td.onglet_orange_hover_g {
  width: 10px;
  height: 33px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnOrangeHover_g);
  background-repeat: no-repeat;
}

td.onglet_orange_hover_c {
  height: 33px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnOrangeHover_repet);
  background-repeat: repeat-x;
  font-weight : bold;
  white-space : nowrap;
}

td.onglet_orange_hover_d {
  width: 10px;
  height: 33px;
  background-image: url(http://www.cerbox.com/images/onglets/transparent/btnOrangeHover_d);
  background-repeat: no-repeat;
}

/* FIN MENU */

/* CADRE PRINCIPAL */

table#cadre {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
}

td.cadre_mg {
  background-image: url(http://www.cerbox.com/images/cadre/transparent/g_repet);
  background-repeat: repeat-y;
}

td.cadre_md {
  background-image: url(http://www.cerbox.com/images/cadre/transparent/d_repet);
  background-repeat: repeat-y;
}

td.cadre_contenu {
  background-color: white;
}

/*
td#cadre_mh {
  width: 290px;
  background-image: url(http://www.cerbox.com/images/cadre/transparent/h_milieu);
  background-repeat: no-repeat;
  background-position: center;
}
*/

/*
td.cadre_hr {
  background-image: url(http://www.cerbox.com/images/cadre/transparent/h_repet);
  background-repeat: repeat-x;
}
*/
td#cadre_mh {
  background-image: url(http://www.cerbox.com/images/cadre/transparent/h_repet);
  background-repeat: repeat-x;
}


td.cadre_mb {
  background-image: url(http://www.cerbox.com/images/cadre/transparent/b_repet);
  background-repeat: repeat-x;
}

/* FIN CADRE PRINCIPAL */

/* PETIT CADRE */

table.petit_cadre {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 3;
}

td.petit_cadre_mg {
  background-image: url(http://www.cerbox.com/images/petit_cadre/g_repet);
  background-repeat: repeat-y;
}

td.petit_cadre_md {
  background-image: url(http://www.cerbox.com/images/petit_cadre/d_repet);
  background-repeat: repeat-y;
}

td.petit_cadre_contenu {
  background-color: white;
}

td.petit_cadre_mh {
  background-image: url(http://www.cerbox.com/images/petit_cadre/h_repet);
  background-repeat: repeat-x;
}

td.petit_cadre_mb {
  background-image: url(http://www.cerbox.com/images/petit_cadre/b_repet);
  background-repeat: repeat-x;
}

/* FIN PETIT CADRE */


/* NAVIGATION */

td.navi_bar {
  font-size: medium;
  font-weight: bold;
}

div.navi_menu
{
  position: absolute;
  z-index: 4;
  display: none;
  top: 0;
  left: 0;
}

table.navi_menu {
  background-color: #7aa4fa;
  border: 1px solid #000000;
  border-top: none;
  opacity:0.9;
          }

td.navi_menu {
  background-color: #7aa4fa;
}

a.navi_menu {
  font-size: medium;
  text-decoration: none;
}

a.navi_menu:link {
  color: black;
}

a.navi_menu:visited {
  color: black;
}

a.navi_menu:focus {
  color: blue;
}

a.navi_menu:hover {
  color: blue;
}

a.navi_menu.active {
  color: blue;
}


/* FIN NAVIGATION */

/* FOOTER */

table#footer {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

td#footer_repet {
  background-image: url(http://www.cerbox.com/images/barre_footer/transparent/barre_bas_repet);
  background-repeat: repeat-x;
}

div#texte_footer {
  color : yellow;
  font-size : 12px;
  font-weight : bold;
  position: absolute;
  z-index: 3;
  display: none;
  /* Pour ne pas que le texte se mette sur plusieurs lignes */
  white-space : nowrap;
}

a#lien_footer {
  text-decoration : none;
}

a#lien_footer:link {
  color: yellow;
}

a#lien_footer:visited {
  color: yellow;
}

a#lien_footer:focus {
  color: white;
}

a#lien_footer:hover {
  color: white;
}

a#lien_footer.active {
  color: white;
}

/* FIN FOOTER */


/* MISE EN FORME GENERALE */ 

body {
  margin-left : 0px;
  margin-top : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  background-color: #1c64f7;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 14px;	
}

h1 {
  font-size: 18pt;
}

.gras {
  font-weight: bold;
}

#homeVoipFond {
      background-image : url(http://www.cerbox.com/images/bg_voip);
    width: 326px;
    height: 215px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 12px;
  color : #000000;
  font-weight : bold;
  text-align : justify;
  cursor: pointer;
  padding-left: 5px;
  padding-right: 20px;
}

#homeCerboxFond {
      background-image : url(http://www.cerbox.com/images/bg_cerbox);
    width: 326px;
    height: 215px;
    font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 12px;
  font-weight : bold;
  color : #000000;
  text-align : justify;
  cursor: pointer;
  padding-left: 5px;
  padding-right: 20px;
}

.ul_corps {
  list-style-image:url(http://www.cerbox.com/images/carre_jaune);
}

.li_corps {
  margin-top: 10px;
  float: none;
}

/* FIN MISE EN FORME GENERALE */


/* CALLBACK */

.blocCallBack {
  width : 323px;
  height : 79px;
  margin : 15px;
}

.callBackFond {
  background-image : url(http://www.cerbox.com/images/callBack_1);
  width : 280px;
  height : 79px;
  float : left;
}

.callBackFond input {
  margin : 40px 0 0 130px;
}

.callBackbt {
  width : 43px;
  height : 79px;
  float : left;
}

/* FIN CALLBACK */


/* PLAN DU SITE */

div#plan {
  margin-left: 50px;
  font-size: medium;
  font-weight: bold;
}

/* FIN PLAN DU SITE */


/* CONTACT */

td.libelle {
  background-color: #bac0f8;
}

td.comment {
  font-size : 9px;
}

td.error {
  font-size : 9px;
  color: red;
  text-decoration: blink;
}

td.warn {
  font-size : 9px;
  color: #dc9a0c;
}

/* FIN CONTACT */


/* OBJETS FLOTTANTS */

.floatright {
  float: right;
  padding: 10px 10px 10px 20px;
}

.floatleft {
  float: left;
  padding: 10px 10px 10px 0px;
  }

div.wrapContainer {
  width: 100%;
  float: right;
}

#edito {
  float:right;
  width:180px;
  margin-top:20px;
  margin-left:15px;
  margin-bottom:5px;
}

/* FIN OBJETS FLOTTANTS */