/* Feuille de style CSS creee en janvier 2006 - copyright 2006, Corinne Guillard 
Ne pas recopier sans l'autorisation de l'auteur */

/*------------------------------- Body---------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
	font-size: small;
	background-color: #FFF;
	background-position: center;
	vertical-align: middle;
	text-align: center;
}
p { 
	font-size: small;
}
/*--------------------Titles and texts -------------------------------------*/
h1  {
	background-position: left top;
	margin: -10px 0 0 50px;
	padding: 0;
	color: #0072BD;
	text-align: left;
	font: small-caps bold x-large Arial, Helvetica, sans-serif;
}
h2  {
	background-position: left top;
	margin: -5px 0 0 50px;
	padding: 0;
	color: #4C9CD1;
	text-align: left;
	font: small-caps bold large Book Antiqua, Times, Times New Roman, serif;
}
h3 {
	background-position: left top;
	margin : 8px 0 2px 125px;
	padding: 0;
	color: #696969;
	text-align: left;
	font: bold medium Arial, Helvetica, sans-serif;
}
h4 {
	background-position: left top;
	margin : 0px 0 5px 125px;
	padding: 0;
	color: #70B0DA;
	text-align: left;
	font: bold small Arial, Helvetica, sans-serif;
}
.date {
	margin : 0;
	padding: 0 0 3px 5px;
	color: #004471;
	text-align: left;
	font-size: xx-small;
}
a:link { 
	font-weight: bold; 
	text-decoration: underline; 
	color: #0072BD;
}
a:visited { 
	font-weight: normal; 
	text-decoration: underline;
	color: #0072BD;
}
a:hover, a:active { 
	text-decoration: none; 
	color: #0072BD;
}
.text {
	background-position: left top;
	margin : 0 0 0 125px;
	padding: 0;
	color: #444;
	text-align: left;
	font-size:  small;
}
.black {
color: #000000;
}
/*-------------------- Container  -------------------------------------*/
#containerExt {
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 808px;
	height: 608px;
	margin-top: -304px; 
	margin-left: -404px;
	background:  url(../images/fonds/homeBackground.gif) no-repeat center center;
}
/*-------------------- Header -------------------------------------*/
#pageHeading {
	width: 100%;
	height: 408px;
	background:  url(../images/fonds/homeLeftHeading.jpg) repeat-y;
	margin: 1px 0 0 1px;
	padding: 0;
}
#containerHeading {
  width: 100%;
  float: left;
}
#contentsHeading {
}
/*-- words --*/
#words ul {
	list-style: none;
}
#words li {
	padding: 0;
}
#words {
	float: left;
	width: 137px;
	height: 408px;
	margin: 15px 0 0 0;
	padding: 0;
	font-family: Book Antiqua, Times, Times New Roman, serif;
	font-weight: bold;
}
.w1 {
	margin-left: -30px;
	font-size: x-large;
	color: #5AA6D7;
	text-align : left;
}
.w2 {
	margin-right: 10px;
	font-size: large;
	color: #B6D7ED;
	text-align: right;
}
.w3 {
	margin-left: -10px;
	font-size: x-large;
	color: #EDF5FA;
	text-align : left;
}
.w4 {
	margin-right: 20px;
	font-size: x-large;
	color: #A0CDEC;
	text-align: right;
}
/*-- logo --*/
#logo {
	width: 374px;
	height: 97px;
	margin: 0 0 0 137px;
	padding: 40px 2px 0 1px;
	background: url(../images/logo/logo.gif) no-repeat center center ;
}
#logo span {
	display:none;
}
/*-- photos */
#photosTop {
	float: right;
	margin: 0 8px 0 0;
}
#photosTop .p1 {
	width: 271px;
	height: 150px;
	margin: 0;
	padding: 0;	
	background: url(../images/photos/photo1.jpg) no-repeat right top;
}
#photosCenter {
	position:  absolute;
	margin: 13px 8px 0 86px;
}
#photosCenter .p2  {
	width: 714px;
	height: 258px;
	margin: 0;
	padding: 0;
	background: url(../images/photos/photo2.jpg) no-repeat right top;
}
/*-------------------- Contents -------------------------------------*/
#wrapContents {
  min-height: 119px;
  width: 800px;
  background:  url(../images/fonds/homeLeftContents.gif) repeat-y left top;
  margin: 0 0 0 1px;
  padding: 0;
  border-top: 2px solid #338ECA;
}
#wrap {
}
#container {
  background:  url(../images/fonds/homeLeftContents.gif) repeat-y left top;
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}
#contents {
  margin: 0;
  padding: 0;
}
#principal {
  margin: 0 0 0 137px;
  padding: 0;
  width: 600px;
}
#principalleft {
  float: left;
  margin: 0;
  padding: 0;
  width: 137px;
}
/*-------------------- Menu zone -------------------------------------*/
#wrapMenu {
	height: 71px;
	width: 800px;
	background:   url(../images/fonds/homeMenuBackground.gif) repeat-y left top;
	margin: 0 0 0 1px;
	padding: 0; 
}
#menu {
  margin: 0 0 0 137px;
  padding: 0;
  height: 100%;
}
#menuList {
	float: left;
	width: 671px;
	text-align: center;
	vertical-align: middle;
	font-variant: small-caps;
	font-weight: bold;
	font-size: medium;
	margin: 0;
	padding: 0;
}
#menuList a {
	display:block;
   color: #4C9CD1;
	font-variant: small-caps;
	font-weight: bold;
	font-size: medium;
	line-height: 0.9em;
	background: url(../images/menus/boutons.gif) no-repeat left top;
	text-decoration: none;	
	padding: 5px 2px 0 2px;
}
#menuList a:link; #menuList a:visited {
	display:block;
   color: #4C9CD1;
	background: url(../images/menus/boutons.gif) no-repeat left top;
	text-decoration: none;
}
#menuList a:hover, #menuList a:active {
   color: #FF7C00;
	background: url(../images/menus/boutons.gif) no-repeat left -40px;
	text-decoration: none;
}
#menuList ul {
   list-style:none;
	margin: 5px 0 0 0;
	padding: 0;
}
#menuList li.left {
	float: left;
	width: 120px;
	height: 40px;
	background: url(../images/menus/boutons.gif) no-repeat left top;
	border-top: 3px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 3px solid #FFF;
	border-left: 3px solid #FFF;
}
#menuList li.left:link, #menuList li.left:visited {
	width: 120px;
	height: 40px;
	background: url(../images/menus/boutons.gif) no-repeat left top;
}
#menuList li.left:hover, #menuList li.left:active {
	float: left;
	width: 120px;
	height: 40px;
	background: url(../images/menus/boutons.gif) no-repeat left -40px;
}
#menuList li.center {
	float: left;
	width: 120px;
	height: 40px;
	background: url(../images/menus/boutons.gif) no-repeat left top;
	border-top: 3px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 3px solid #FFF;
	border-left: 1px solid #FFF;
}
#menuList li.center:link, #menuList li.center:visited {
	width: 120px;
	height: 40px;
	background: url(../images/menus/boutons.gif) no-repeat left top;
}
#menuList li.center:hover, #menuList li.center:active {
	float: left;
	width: 120px;
	height: 40px;
	background: url(../images/menus/boutons.gif) no-repeat left -40px;
}
#menuList li.right {
	float: left;
	width: 120px;
	height: 40px;
	background: url(../images/menus/boutons.gif) no-repeat left top;
	border-top: 3px solid #FFF;
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	border-left: 1px solid #FFF;
}
#menuList li.right:link, #menuList li.right:visited {
	width: 120px;
	height: 40px;
	background: url(../images/menus/boutons.gif) no-repeat left top;
}
#menuList li.right:hover, #menuList li.right:active {
	float: left;
	width: 120px;
	height: 40px;
	background: url(../images/menus/boutons.gif) no-repeat left -40px;
}
/*---------------------- Copyright -------------------------------------*/
#copyright {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 808px;
	height: 608px;
	margin-top: 310px; /* moitié de la hauteur */
	margin-left: -404px; /* moitié de la largeur */
	clear: both;
	color: #0072BD;
	font-weight: bold;
	font-size: x-small;
}
.textfond {
	color: #FFF;
}
/*---------------------- Centre Spacer -------------------------------------*/
#spacer { 
  clear:both;
}