/*	-------------------------------------------------------------
	La frégate
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Structure
	Nom fichier:	structure.css
	Version:		1.0
	Date:			12/02/2008
	-------------------------------------------------------------	*/

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


#fond, #outils {
  position: relative;
  width: 953px;
  margin: 0 auto;
  text-align: left;
}

#outils {
  margin-top: 30px;
}

#fond {
  background: url(../images/fond.gif) #3C283F repeat-y;
  border-top: 4px solid #3c283f;
  border-bottom: 4px solid #3c283f;
}

#header {
  position: relative;
  left: 4px;
  width: 945px;
  height: 133px;
  color: #fff;
  text-align: left;
  background: #523E55;
}
#header h1 { font-size: 12px; visibility: hidden; display: none; }

#carre {
  position: absolute;
  top: -15px;
  left: 445px;
}


#flags {
  position: absolute;
  top: 6px;
  left: 6px;
}
#flags img { margin-right: 3px; }
#flags img.select { opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity=30); }

#france {
  position: absolute;
  top: 27px;
  right: 42px;
}


/* ########### MENU ############# */
#menu {
  position: relative;
  height: 25px;
  background: url(../images/menu.gif) repeat-x;
  left: 4px;
  width: 945px;
}
#menu a, #menu2 a {
  display: block;
  color: #523E55;
  float: left;
  height: 25px;
  line-height: 25px;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  font-variant: small-caps;
}
#menu a strong, #menu2 a strong { display: none; visibility: hidden; }
#m00a { width: 30px; height: 25px; float: left; }
a#m00 { background: url(../images/m00.gif) no-repeat; width: 88px; }
a#m01 { background: url(../images/m01.gif) no-repeat; width: 89px; }
a#m02 { background: url(../images/m02.gif) no-repeat; width: 122px; }
a#m03 { background: url(../images/m03.gif) no-repeat; width: 175px; }
a#m04 { background: url(../images/m04.gif) no-repeat; width: 189px; }

#menu a:hover, #menu a.select { background-position: 0 -25px; }

#menu2 {
  position: relative;
  height: 19px;
  left: 4px;
  width: 945px;
  background: #C7BCCD;
}
#menu2 a { height: 19px; line-height: 19px; }
#m05a { width: 342px; height: 19px; float: left; }
a#m05 { background: url(../images/m05.gif) no-repeat; width: 59px; }
a#m06 { background: url(../images/m06.gif) no-repeat; width: 87px; }
a#m07 { background: url(../images/m07.gif) no-repeat; width: 60px; }
a#m08 { background: url(../images/m08.gif) no-repeat; width: 132px; }
#menu2 a:hover, #menu2 a.select { background-position: 0 -19px; }
/* ########### MENU ############# */

#date {
  position: absolute;
  top: 4px;
  left: 15px;
}


div.space { height: 20px; }

#content {
  position: relative;
  left: 4px;
  width: 945px;
  background: #c7bccd;
}

/* page d'accueil */
#ActuFlash {
  position: relative;
  left: 5px;
  float: left;
  width: 203px;
  background: #d2c7d8;
  border-bottom: 4px solid #ab97ae;
}
#actualites {
  position: relative;
  text-align: left;
  padding: 11px;
  height: 137px;
  overflow: hidden;
  margin-bottom: 5px;
}
#actualites strong.titre {
  display: block;
  margin-bottom: 6px;
  text-decoration: underline;
}

#flash {
  position: relative;
  text-align: left;
  margin: 5px;
  padding: 9px;
  background: #c3bbd0;
  color: #2E1D33;
}
#flash img.titre {
  display: block;
  margin-bottom: 6px;
}

#present {
  position: relative;
  float: left;
  left: 5px;
  margin-left: 5px;
  width: 730px;
  font-size: 15px;
  font-weight: bold;
}
/* page d'accueil */


/* page interne */
#ColoneLeft {
  position: relative;
  float: left;
  width: 208px;
  left: 5px;
  padding-top: 79px;
  padding-bottom: 460px;
  color: #fff;
}
#ColoneLeft img {
  display: block;
  margin-bottom: 8px;
}
#MenuLeft {
  padding: 0 5px 10px 12px;
  font-weight: bold;
  line-height: 35px;
}
#MenuLeft a { color: #fff; }

/* INFO CONTINU */
#menu_ic { line-height: normal; font-weight: normal; position: relative;  }
#content_ic {
  position: relative;
  margin-top: 15px;
  padding: 0 10px 0 15px;
  color: #3c283f;
}
#titre_ic { font-weight: bold; font-size: 14px; text-decoration: underline; margin-bottom: 7px; }
#photos_ic {
  position: relative;
  float: right;
  margin-left: 7px;
}
/* INFO CONTINU */

#header.interne img.haut {
  position: absolute;
  top: 0;
  left: 0;
}
#header.interne #carre { left: 340px; }
#header.interne, #content.interne, #menu.interne, #menu2.interne {
  float: left;
  width: 732px;
  left: 8px;
}
#header.interne { left: 7px; width: 733px; }
#content.interne { padding-bottom: 10px; }

#VisuLeft {
  position: absolute;
  bottom: 0;
  left: 5px;
  width: 208px;
  height: 460px;
z-index:100;
}
#VisuLeft img{position:absolute; bottom:0; left:0;}
#VisuLeft.visu1000 { background: url(../images/left1000.jpg) no-repeat bottom left; }
#VisuLeft.visu2000 { background: url(../images/left2000.jpg) no-repeat bottom left; }
#VisuLeft.visu3000 { background: url(../images/left3000.jpg) no-repeat bottom left; }
#VisuLeft.visu4000 { background: url(../images/left4000.jpg) no-repeat bottom left; }
#VisuLeft.visutools { background: url(../images/lefttools.jpg) no-repeat bottom left; }
/* page interne */


.ecardform { color: #3C283F; }

* { outline: none; }


#bottom {
  position: relative;
  width: 953px;
  margin: 0 auto;
  margin-top: 5px;
  margin-bottom: 25px;
  color: #C7BCCD;
}
#bottom a {
  color: #CB9FE3;
  font-size: 10px;
  font-weight: bold;
  text-decoration: underline;
}