/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
  height: 100%;
  margin-bottom: 1px;
}

body {
	font-family: Helvetica,Arial,sans-serif;
	line-height: 1.3em;
	font-size: 12px;
	color: #444444;
	margin:10px 0px 0px 0px;
	padding:0px;
	background: url(../images/fond.jpg) 0 0 repeat-x #406C84;
}

a:link, a:visited {
	color:#39c;
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	color:#205F7D;
	text-decoration: none;
	font-weight: normal;
}

h1{
font-family:Arial, Helvetica, sans-serif;
color:#027DC1;
font-size:20px;
margin:0;
padding:5px 0px 15px 10px;
}

h2{
font-family:Arial, Helvetica, sans-serif;
color:#027DC1;
font-size:16px;
margin:0;
padding:0px 0px 0px 10px;
}

input.button { cursor: pointer; }

img { border: 0 none; }

.clr {
	clear: both;
}

/*****************************************/
/***	 Template Open Forward		   ***/
/*****************************************/

#filigrane{
width:383px;
height:570px;
position:absolute;
background: url(../images/filigrane.png) 0 0 no-repeat;
z-index:-10;
}

#site{
width:950px;
margin:auto;
}

#logo{
float:left;
height:50px;
width:290px;
}

.bordure_top{
margin:0px;
padding:0px;
height:20px;
width:100%;
background: url(../images/bordure_top.png) 0 0 repeat-x;
}

.bordure_bottom{
height:20px;
width:100%;
margin:0px;
padding:0px;
background: url(../images/bordure_bottom.png) 0 0 repeat-x;
}

/*** Menu **/

#block{
float:left;
width:599px;
height:1px;
}

.button_contact{
float:left;
width:52px;
height:28px;
margin-top:22px;
padding:2px 0px 0px 9px;
font-weight:600;
background: url(../images/fond_contact.gif) 0 0 no-repeat;
}

a.button_contact:hover {
color:#FFFFFF;
}

/*** Contenu ***/

#page{
width:100%;
height: 630px;
margin:0px;
background-color:#FFFFFF;
}

.cadre {
margin:15px;
padding: 20px;
border:solid 1px #CCC;
background-color:#FBFBFB;
 }

/*** Copyright ***/

#OF_copyright{
color:#FFFFFF;
text-align:center;
margin:5px 0px 10px 0px;
height:15px;
}

a.OF_copyright{
color:#13384A;
text-decoration:none;
}

a.OF_copyright:hover{
color:#13384A;
text-decoration:underline;
}

/*****************************************/
/***	 		Slide Css			   ***/
/*****************************************/

#scroll {
	position:relative;
	overflow:hidden;
	width:950px;
	height:500px;
	background: url(../images/fond_scroll.jpg) 0 0 repeat-x;
}

#tools {
	width:9999em;
	position:absolute;
	height:425px;
}

.tool {
	float:left;
	width:950px;
	height:425px;
	text-align:center;
}

#thumbs {
	background:url(../images/navigation.jpg) no-repeat;
	height:90px;
	position:absolute;
	top:425px;
	width:950px;
}

.t {
	padding:0 !important;
	border:0 !important;
}

.t a {
	background:transparent url(../images/navigation.jpg) no-repeat scroll -21px -90px;
	margin-left:11px;
	display:block;
	width:99px;
	float:left;
	height:90px;
	cursor:pointer;
}

.t a.active {
	cursor:default !important;
}

.navi {
	margin-left:424px;
	_margin-left:314px;
}

/* CSS sprite for the navigation */
#t0 		  { margin-left:20px; _margin-left:10px;}
#t0.active { background-position:-21px 0 !important; }
#t0:hover  { background-position:-21px -180px; }
#t0:active { background-position:-21px -270px; }

#t1			{ background-position:-435px -90px; }
#t1:hover 	{ background-position:-435px -180px; }
#t1:active	{ background-position:-435px -270px; }
#t1.active	{ background-position:-435px 0 !important; }

#t2			{ background-position:-545px -90px; }
#t2:hover 	{ background-position:-545px -180px; }
#t2:active	{ background-position:-545px -270px; }
#t2.active	{ background-position:-545px 0 !important; }

#t3			{ background-position:-655px -90px; }
#t3:hover 	{ background-position:-655px -180px; }
#t3:active	{ background-position:-655px -270px; }
#t3.active	{ background-position:-655px 0 !important; }

#t4			{ background-position:-765px -90px; }
#t4:hover 	{ background-position:-765px -180px; }
#t4:active	{ background-position:-765px -270px; }
#t4.active	{ background-position:-765px 0 !important; }