/*
//------------------------------------------------------------------
// Auteur : Ludovic Martin <ludovic@dreamclic.com> / www.dreamclic.com
//
// Version             : 2.0
// Date de création    : 26/06/2008
//
// Description         : feuille de style générale du site
//
//------------------------------------------------------------------
*/

/*-------------------------------GENERAL----------------------------------*/
* {
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#f3ceab;
	text-align:justify;
}
body{
	font-family:Verdana,Helvetica, Arial, sans-serif;
	font-size:11pt;
	background-color:#76675f;
}
a {
  text-decoration:none;
  color:white;
  outline:none;
}
a img{
	border:none;
}
img{
	vertical-align:middle;
	border:none;
	padding:0;
	margin:0;
}
h3 {
  color:#a2d6e1;
  letter-spacing:4px;
  font-size:26px;
  font-weight:normal;
}
h4, h4 a {
  color:black;
  font-size:16px;
  margin-top:15px;
  margin-bottom:5px;
}
ul {
  list-style-type:none;
}

/*------------------------------HEADER------------------------------------*/
#header{
  height:148px;
  background:url(images/header.jpg) repeat-x ;
}

/*-------------------------------LOGO------------------------------------*/
#header #logo {
  position:absolute;
  top:25px;
  left:0;
}

/*-------------------------------MENU-----------------------------------*/
#header #menu {
  width:995px;
  height:30px;
  margin:auto;
  position:relative;
  top:105px;
}
#header #menu .navigation {
  margin:0;
  padding:0;
}
#header #menu .navigation li {
  float:left;
  padding:10px;
}
#header #menu .navigation a, .navigation span {
  display:block;
  color:#89b9c6;
  font-size:15px;
  letter-spacing:1px;
}
#header #menu .navigation a:hover, .navigation span:hover {
  color:#ee8f00;
}
#header #menu .navigation .toggleSubMenu .subMenu li {
  background:black;
  float:none;
  padding:0;
  margin:0;
  width:100%;
  width:auto !important;
  height:auto !important;
  height:100%;
}
#header #menu .navigation .toggleSubMenu .subMenu {
  position:absolute;
}
#header #menu .navigation .toggleSubMenu .subMenu li a {
  color:white;
  font-size:13px;
  padding:10px !important;
  padding:5px;
}
#header #menu .navigation .toggleSubMenu .subMenu li a:hover {
  background-color:#343434;
}
#header #menu .navigation .current a {
  color:#ee8f00;
}

/*-------------------------------PAGE-----------------------------------*/
.pointilles {
  color:#89b9c6;
  padding-bottom:20px;
}
#page #content_alt {
  position:relative;
  left:auto;
  top:auto;
  width:995px;
  margin:auto;
  background:url(images/fond-content-alt.png) repeat-y;
}
#page #content {
  position:relative;
  left:auto;
  top:auto;
  width:995px;
  margin:auto;
  min-height:600px;
  height:auto !important;
  height:600px;
  background:url(images/fond-content.png) repeat-y;
}
#page .fond_01 {
  background:url('images/repetable.jpg')  top center repeat-x;
}
#page .fond_02 {
  background:url('images/repetable2.jpg')  top center repeat-x;
}
#page .fond_03 {
  background:url('images/repetable3.jpg')  top center repeat-x;
}
#page .fond_01 #bandeau_photo, #page .fond_02 #bandeau_photo, #page .fond_03 #bandeau_photo {
  width:995px;
  height:141px;
  margin:0 auto;
}
#page #content #en_savoir_plus {
  position:absolute;
  bottom:10px;
  left:800px;
  text-align:right;
  width:160px;
}
#page #content #en_savoir_plus .texte_noir strong {
  color:black;
  font-size:15px;
}
#page #content #en_savoir_plus .texte_jaune_fonce strong {
  color:#e18700;
  font-size:15px;
}
#page #content #en_savoir_plus .pointilles {
  color:black;
  font-size:18px;
}
/*--------------------------------FOOTER----------------------------------*/
#footer{
  clear:both;
  position:relative;
  bottom:0px;
  height:47px;
  width:100%;
  background:url(images/footer.jpg) repeat-x;
}
#footer #liens_footer {
  padding-top:12px;
  float:right;
  padding-right:105px;
}
#footer #liens_footer, #footer #liens_footer a {
  color:#89b9c6;
  font-size:11px;
}
#footer #liens_footer, #footer #liens_footer a:hover {
  color:#d4f6ff;
}

/*-------------------------------AUTRES-----------------------------------*/
.lettrine {
  font-size:25px;
  color:black;
}
.hidden{
	display:none;
}
.spacer{
	clear:both;
	line-height:0px;
	font-size:0px;
}
