/*	-------------------------------------------------------------
	ADAPEI 66
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Structure
	Nom fichier:	structure.css
	Version:		1.0
	Date:			16/01/2008
	-------------------------------------------------------------	*/

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

#header {
  position: relative;
  width: 953px;
  height: 318px;
  margin: 15px auto 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; }
#header .img { margin-left: -2px; }
#headoutils {
  position: absolute;
  bottom: 0;
  right: 0px;
}

#content, #menu {
  position: relative;
  width: 953px;
  margin: 0 auto;
  background:#B2DB8C;
  text-align: left;
}
#content {
  background-image: url(../images/fond.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
  min-height: 200px;
  height: auto !important;
  height: 200px;
  padding-top: 20px;
}
#content.ic { background-image: url(../images/fond2.gif); }
#content_ic ul { margin: 0 10px; }
#content_ic ol { margin: 0 15px; }
/* ########### MENU ############# */
#menu a {
  display: block;
  color: #000;
  float: left;
  height: 21px;
  line-height: 21px;
  background: #D1E9BA;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  font-variant: small-caps;
}
#menu a span { display: none; visibility: hidden; }
a#m00 { background-image: url(../images/m00.gif); width: 68px; }
a#m01 { background-image: url(../images/m01.gif); width: 108px; }
a#m02 { background-image: url(../images/m02.gif); width: 205px; }
a#m03 { background-image: url(../images/m03.gif); width: 135px; }
a#m04 { background-image: url(../images/m04.gif); width: 102px; }
a#m05 { background-image: url(../images/m05.gif); width: 118px; }
a#m06 { background-image: url(../images/m06.gif); width: 127px; }
a#m07 { background-image: url(../images/m07.gif); width: 48px; }
#menu a:hover, #menu a.select { background-position: 0 -21px; }
/* ########### MENU ############# */


/* ########### PAGE D'ACCUEIL ############# */
/* ----- actualités ----- */
#blockactu { width: 312px; }
#blockbreve {
  position: relative;
  width: 290px;
  height: 110px;
  left: 30px;
  top: 10px;
}
#bouton1 {
  margin-top: 45px;
}
/* ---- separation ---- */
#separe1 { position: relative; }
#separe2 { position: absolute; bottom: -9px; left: 0; z-index: 1000; }
/* ---- presentation ---- */
#present { width: auto; margin-left: -20px; position: relative; z-index: 1000; }
#present2 { margin-left: 45px; width: 488px; }
/* ########### PAGE D'ACCUEIL ############# */


/* ########### PAGES INFO CONTINU ############ */
#fondsepare{
  position: relative;
  background: url(../images/fondsepare.gif) repeat-y;
  margin-top: 40px;
}
#menu_ic {
  position: relative;
  float: left;
  width: 206px;
  padding-bottom: 180px;
  margin-top: -30px;
}
#content_ic{
  position: relative;
  float: left;
  width: 740px;
}
#content_ic.gallery {
  margin-left: 10px;
  width: 728px;
}
/* ########### PAGES INFO CONTINU ############ */


#bottom {
  position: relative;
  width: 953px;
  margin: 0 auto;
}
#bottom a {
  color: #2d9035;
  font-size: 10px;
  font-weight: bold;
  text-decoration: underline;
}