/* CSS Document */

html
{

	width:100%;
	height:100%;
}

body
{
	margin:0px;
	padding:0px;
	height: 100%;
	background-image:url(../img/fd.gif);
	background-repeat:repeat-y;
	font-family:"Trebuchet MS",arial, verdana;
	font-size:13px;
	width:100%;
}

td{font-size:13px;}
img{border:0px;}
a{color:#FF3300;}
a:hover{text-decoration:none;}
/****** Banniere *****/
div#top
{	
	display:block;
	height:105px;
	width:100%;
	background-image:url(../img/ban_fd.gif);
	background-repeat:repeat-x;
	position:relative;
}

div#top .logo
{
	position:absolute;
	display:block;	
	top:0px;
	right:0px;
	margin:0px;
	padding:0px;
	margin-top:27px;
}
div#top .flash{
	position:absolute;
	top:30px;
	left:330px;


}

/****** menu *****/
div#menugauche 
{	
	width:162px;
	background-image:url(../img/menu-fd.jpg);
	background-repeat:no-repeat;
	background-position:top;
	float:left;
	
}

div#menugauche ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	margin-top:10px;

}
div#menugauche li
{
	padding:0px;
	margin:0px;
	list-style-type:none;

}

div#menugauche a
{
	width:162px;
	height:20px;
	display:block;
	text-align:right;
	text-decoration:none;
	color:#0C425E;
	padding-right:3px;
	margin-left:-3px;
	font-size:11px;


}

div#menugauche a:hover
{
	background-color:#66CDF0;
	color:#FFFFFF;
	font-weight:bold;
}



ul#menu
{
	position:absolute;
	display:inline;
	list-style-type:none;
	margin:0px;
	padding:0px;
	top:69px;
	left:163px;
}

ul#menu li
{
	float:left;
	padding-left:0px;
	padding-right:0px;
	text-align:center;
	
}
ul#menu a
{	
	display:block;
	text-decoration:none;
	color:#363636;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:36px;
	padding-top:3px;
	
	padding-left:12px;
	padding-right:12px;
	text-align:center;
	font-size:11px;
	background-image:url(../img/menubt_fd.gif);
	background-repeat:repeat-x;
	background-position:top right;
	vertical-align:bottom;
	
	
}
ul#menu a:hover
{
	
	padding-top:0px;
	background-image:url(../img/menubt_survol_fd.gif);
	background-repeat:repeat-x;
	background-position:top right;
	color:#c54600;
	
	
}

ul#menu a.menuselect
{
	background-color:#FFFFFF;
	font-weight:bold;
	letter-spacing:-1px;
	background-image:url(../img/menubt_survol_fd.gif);
	background-repeat:repeat-x;
	background-position:top right;
}


/*******menu haut****/
ul#menuhaut
{
	position:absolute;
	
	top:5px;
	left:0px;
	margin:0px;
	padding:0px;
}
ul#menuhaut li
{
	list-style-type:none;
	margin:0px;
	padding:0px;
	display:inline;

	height:10px;

}
ul#menuhaut a
{
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#0F3846;
	font-size:10px;
	height:10px;
	width:120px;
	padding-left:21px;
}
ul#menuhaut a:hover,a.menuselect
{
	font-weight:bold;
}


ul#menuhaut .contact a{
	margin-top:14px;
	margin-left:20px;
	padding-top:10px;
	padding-left:30px;
	font-size:13px;
	font-weight:bold;
	height:35px;
	background-image:url(../img/ban_contact.jpg);
	background-repeat:no-repeat;
}
ul#menuhaut .contact a:hover{
	color:#FFFFFF;
}
ul#menuhaut .accueil a{
	background-image:url(../img/flechemenuhaut.gif);
	background-position:left;
	background-repeat:no-repeat;
}
/*****/

div#contener
{
	background-image:url(../img/contener-fd.jpg);
	background-repeat:no-repeat;
	background-position:right;
	background-attachment:fixed;
	width:100%;
	height:85%;
	
}
div#page
{
	margin-left:200px;
	padding-top:1px;
	padding-right:30px;
	vertical-align:top;
	position:relative;
	min-height: 100%;
	padding-bottom:10px;

	
}


/*******search****/
div#search{
	height:46px;
	width:162px;
	background-image:url(../img/search-fd.jpg);
	font-size:10px;
	color:#113E4E;
	margin-top:60px;
	letter-spacing:1px;
}
div#search form{
	margin:0px;
	padding:0px;
}

/******formulaire *****/

.formulaire input,select,textarea{
	width:98%;
	font-size:11px;
	font-family:"Trebuchet MS", arial;
	border:1px outset;
	margin:1px;
	background-color:#F9FDFF;
	color:#0C425E;
	padding-left:2px;
	
}

input.radio{
	height:13px;
	width:13px;
	border:0px;
	cursor:pointer;
}

input.btvalid{
cursor:pointer;
width:150px;
background-image:url(../img/fd.gif);
font-weight:bold;
color:#369EC3;


}
/******* autre ***/
.slogan
{
bottom:0px;
margin-bottom:0px;
margin-top:10px;


}

.ko{
	color:#FF0000;
	background-color:#FFE7E6;
	font-size:11px;
}
.ok{
	color:#299603;
	background-color:#D6FFC8;
	font-size:11px;
}
h1 {
	margin:0px;
	padding:0px;
	margin-top:20px;
	font-size:15px;
	color:#FFFFFF;
	text-align:center;
	cursor:pointer;
}

h2{ 
	text-align:right;
	border-bottom:1px dotted #CADEE6;
	letter-spacing:2px;
	font-size:14px;
	color:#0092C5;
	font-family:arial;
	padding-bottom:5px;
}
h3{ 
	color:#207dc2;
	font-size:17px;
	margin-bottom:10px;
	font-weight:bold;
}
#page li{
	list-style-image:url(../img/puce.gif);
	padding:0px;
	margin:0px;
	text-align:justify;

	
}
hr{
	border:1px solid #F1F7FA;
}
#photo img{
	padding:3px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;

}
/***** photo *****/
.photo{
	padding:3px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
}

/******* footer ***/
#footer{
	position:absolute;
	bottom:0px;
	text-align:center;
	margin-left:0px;
	margin-top:10px;
	background-color:#FFFFFF;
	width:100%;
	color:#666666;
	font-size:10px;

}

/***** popup ***/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../img/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/overlay.png", sizingMethod="scale");
}