/*	-------------------------------------------------------------
	DASSE TP
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Structure
	Nom fichier:	structure.css
	Version:		1.0
	Date:			22/01/2008
	-------------------------------------------------------------	*/

.clear { clear: both; }
.fleft { float: left; }
.center { text-align: center; }

#header {
  position: relative;
  width: 960px;
  margin: 0 auto;
}
#title, #title2 {
  position: absolute;
  top: 210px;
  left: 60px;
}
#title2 { top: 225px; left: 30px; }
#logo, #logo2 {
  position: absolute;
  top: 0px;
  right: 20px;
}
#logo2 { right: 45px; top: 5px; }
#headoutils {
  position: absolute;
  bottom: 0;
  right: 0px;
}

#content, #menu {
  position: relative;
  width: 960px;
  margin: 0 auto;
  text-align: left;
}
#content {
  background: #fff;
  padding-top: 15px;
  padding-bottom: 10px;
  color: #303979;
}

#menuleft {
  width: 218px;
  float: left;
}
#contentright {
  float: left;
  width: 725px;
  padding-left: 8px;
  padding-top: 35px;
}

/* ########### MENU ############# */
#menu {
  height: 32px;
  background: url(../images/menu.gif);
}
#menu a {
  display: block;
  color: #000;
  float: left;
  height: 18px;
  line-height: 18px;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  font-variant: small-caps;
}
#menu a span { display: none; visibility: hidden; }
a#m00 { background: url(../images/m00.gif) no-repeat; width: 78px; }
a#m01 { background: url(../images/m01.gif) no-repeat; width: 94px; }
a#m02 { background: url(../images/m02.gif) no-repeat; width: 90px; }
a#m03 { background: url(../images/m03.gif) no-repeat; width: 96px; }
a#m04 { background: url(../images/m04.gif) no-repeat; width: 118px; }
a#m05 { background: url(../images/m05.gif) no-repeat; width: 118px; }
a#m06 { background: url(../images/m06.gif) no-repeat; width: 142px; }
a#m07 { background: url(../images/m07.gif) no-repeat; width: 92px; }

#menu a:hover, #menu a.select { background-position: 0 -18px; }
/* ########### MENU ############# */


.center { text-align: center !important; }
.padding { padding: 10px 27px 30px 27px; }
span.list { line-height: 20px; }
.fleft { float: left; }

/* zone texte */
.article { }
.article img { border: 3px solid #ff3e09; margin-bottom:30px; }
.articleTxt { position: relative; width: 675px; font-weight: normal; }
.articleTitre { font-size: 11px; text-decoration: underline; font-weight:bold; }
.articleTxt p { position: relative; margin:0; padding: 0; font-size: 11px; font-weight: normal !important; margin-bottom:30px; }
/* zone texte */


#outils {
  background: #fff;
  border: 0px solid #C2B8B8;
  border-bottom-width: 8px;
  margin-bottom: 5px;
}
#bottom {
  position: relative;
  width: 960px;
  margin: 0 auto;
  color: #7c7c7c;
}
#bottom a {
  color: #7c7c7c;
  font-size: 10px;
  font-weight: bold;
  text-decoration: underline;
}