/*  Cascading style sheet
    web site : binomia.fr
    file : styleBinomia.css
    updated : 05/10/2010      */

* {margin: 0;	padding: 0; }
body {background: #FFFFFF url('img/bg.gif') repeat-x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #222222; }

/* DIVISIONS PRINCIPALES ---------------------------- */

#WRAPPER1 { width: 100%; height:100%; background: url('img/bg.jpg') repeat-x;  }

#WRAPPER2 {width: 980px; margin: 0 auto;  }

#ENTETE { float: left; width: 980px; height: 284px; background: #DEDFE0; }
#header {position: relative;   }

/* divisions en position absolue dans ENTETE */

#banniere { width:980px; height: 234px; position: absolute; top: 50px; left:0; background: url('img/bgEntete.jpg') repeat-x; }
#logo { position: absolute; top: -4px; left:1px;  }
#texte { width:480px; position: absolute; top: 160px; left:65px;  color: #B6B8B9; }
#menu {position: absolute; top: 51px; left: 430px;  height:100px;  }
#menu a { color:#FFFFFF; font-size: 14px; font-weight:bold; text-decoration:none;  margin-left: 23px;  }
#menu a:hover { font-weight:bold; text-decoration:underline; }
#menuannexe {position: absolute; top: 254px; right: 16px; height: 24px; text-align: right; color:#B6B8B9; font-size: 15px; }
#menuannexe a { font-size:11px; font-weight:normal; text-decoration:none;  }
#menuannexe a:hover {text-decoration:underline;  }

#PAGE { float: left;  width: 980px;  margin: 0; padding:0; background: #FFFFFF;   }
#divSousMenu { float: left; width: 220px;  }
#divTexte { float: right; width: 680px; }

#divGauche { float: left; width: 250px;  }
#divDroite { float: right; width: 650px; }

#PIED { width: 980px; height: 200px; margin: 0; padding:0;  background: #455560; }
/* Footer */
.footer { position: relative;  color: #8E8E8E; }
.footer p { color: #8E8E8E; }
.footer .puzzle { position: absolute; left:740px; top: -20px;  }
.footer .texte { position: absolute; left:20px; top: 30px;  }
.footer a { color: #AAAAAA; text-decoration: none; }


/* Titres --------------------------------------------*/
h1 {margin-top: 0; margin-bottom: 2px; }
h2, h3, h4 {margin-bottom: 6px; }
h1, h4, h5 { font-weight: normal;  }

h1 {font-size: 24px; color: #dddddd; }
h2 {font-size: 18px; color: #000000; }
h3 {font-size: 16px;  color: #000000; }
h4 {font-size: 15px; color: #888888; }
h5 {margin-bottom: 4px; font-size: 15px; color: #000000; }
h6 { font-size: 16px; color: #888888; }

.formation h2 { color: #FF3300; }
.formation h3 { color: #F29A0E; }
.formation h4 { color: #999999; }

.service h2 { color: #89C605; }
.service h3 { color: #A9D745; }
.service h4 { color: #86B81D; }

/* Balises HTML -------------------------------------  */
p, ul, ol {margin-bottom: 5px;  }
.sousMenu p { margin-bottom: 0; font-size: 16px;}
ul.sousMenu { list-style-image: url('img/b/b-sousmenu.png');  }
li {   }
ul { list-style: disc;    margin-left: 1em;    padding-left: 1em;    text-indent: 0;   }
ol { margin-left: 1em;    padding-left: 1em;    text-indent: 0;   }

hr { color: #cccccc; height:1px;  background-color: #cccccc; border: 0;   margin: 0.5em 0;  padding: 0;  }
blockquote {margin-left: 3em; margin-right: 3em; }


/* Tableaux ----------------------------------------- */
td {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #222222; }
tr.titre {background-color: #EFEFEF; font-weight:bold;  }
td.bordureBgris { border-bottom: 1px solid #cccccc; }
td.bordureHBgris { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }


/* Liens -------------------------------------------- */
a {color: #0B93FF; text-decoration: none; font-weight:normal; }    /* vert: #7DAB00 */
a:hover {text-decoration: underline; }
a img {border: none; }


/* Images ------------------------------------------- */
img.left {float: left; margin: 5px 20px 0 0; }
img.right {float: right; margin: 5px 0 0 20px; }
img.link {border:1px solid #0B93FF; padding:2px; margin-top: 6px; margin-bottom: 6px; }


/* Formulaires -------------------------------------- */
input, textarea, select {padding: 1px 4px; margin:2px; border: 1px solid #CBCBCB; font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #6B6B6B; }
.noborder  {border: 0; margin:1px;}


/* Divers ------------------------------------------- */
.retrait { margin-top: 42px; margin-right: 20px; margin-bottom: 30px;  margin-left: 20px; }

.bt {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; color: #FFFFFF; text-decoration: none; background-color: #333333; border: #000000; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin}

/* faire les petits puzzles en images transparentes ...    .sousMenu { background: #eeeeee;  }  */

.catalogue td {padding: 3px; border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB;  }
.catalogue td.noborder {border-bottom:0;  }
.catalogue h5 {display:block; line-height:20px; padding:0px 5px 16px 5px; color: #FFFFFF; font-weight: bold; text-indent:10px; background:url(images/barreorange.png) no-repeat left top; margin:0; }

.tab1 td {padding-left: 10px; }