/* BODY */
body.body1{
	background-color:#203E49;
	margin:0px;
	}


/* LIENS */
	a{color:#FFFFFF;text-decoration:underline;}
	a:hover{color:#A7B9BC;text-decoration:none;}
	
a.bdnh1{
	color:#FFFFFF;
	text-decoration:none;
	}
a.bdnh1:hover{
	color:#FFFFFF;
	text-decoration:underline;
	}
	
a.bdn1{
	background-color:#001B23;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	width:100%;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:2px;
	}
a.bdn1:hover{
	background-color:#203E49;
	text-decoration:none;
	}
	
a.box{
	background-color:#001B23;
	border:1px solid #555555;
	padding:4px;
	color:#FFFFFF;
	text-decoration:none;
	}
a.box:hover{
	background-color:#EEEEEE;
	border:1px solid #333333;
	color:#333333;
	text-decoration:none;
	}
	
	
/* DIV */
div.divbdn{
	background-color:#001B23;
	background-image:url('../img/anneau.jpg');
	background-repeat:repeat-y;
	padding-top:8px;
	padding-bottom:8px;
	padding-right:8px;
	padding-left:20px;
	}
	
div.classeur{
	background-color:#001B23;
	padding:10px;
	border:1px dashed #555555;
	}
	

/* PRESENTATION */	
div.premVisite{
	padding:9px;
	line-height:15px;
	font-family:Verdana;
	font-size:12px;
	color:#003333;
	width:54%;
	height:880px;
	top:155px;
	left:22%;
	right:21%;
	z-index:1;
	position:absolute;
	/*overflow-y:auto;*/
	overflow:none;
	filter:alpha(opacity=90);
	opacity:0.9;
	}
	
td.top{
	background-image: url('../img/presentation_top.png');
	background-repeat:repeat-x;
	}
	
td.left{
	background-image: url('../img/presentation_left.png');
	background-repeat:repeat-y;
	}
	
td.right{
	background-image:url('../img/presentation_right.png');
	background-repeat:repeat-y;
	}
	
td.bottom{
	background-image:url('../img/presentation_bottom.png');
	background-repeat:repeat-x;
	}
	
p.message{
	color: #CC2D27;
	}
	
div.premVisite a{
	text-decoration:none;
	color:#003333;
	}
	
p.titre{
	font-size: 14px;
	}	
	
/* SPANS */
	span.sp_titre{
	font-family:Tahoma;
	font-size:16px;
	color:#FFFFFF;
	}
	
	span.sp_stitre{
	font-family:Tahoma;
	font-size:14px;
	color:#FFFFFF;
	}
	
	span.sp_sub{
	color:#A7B9BC;
	}
	
	
/* HR */
	hr.hr1{
	border:0px;
	background-color:#333333;
	height:1px;
	}
	

/* TABLEAUX */	
	td.titre1{
	font-family:Verdana;
	font-size:12px;
	color:#FFFFFF;
	vertical-align:middle;
	text-align:left;
	background-color:#555555;
	}
	
	td.td1{
	font-family:Verdana;
	font-size:11px;
	color:#FFFFFF;
	vertical-align:top;
	}
	
	td.td2{
	font-family:Verdana;
	font-size:11px;
	color:#FFFFFF;
	vertical-align:middle;
	}
	
	
/* FORMULAIRES */
	input.i1{
	border:1px solid #999999;
	font-family:Arial;
	font-size:12px;
	height:14px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	}
	
	input.i1[disabled]{
	border:1px solid #555555;
	background-color:#999999;
	height:14px;
	}
	
	input.s1{
	font-family:Tahoma;
	font-size:12px;
	border:1px solid #000000;
	background-color:#999999;
	color:#000000;
	}
	
	input.s1[disabled]{
	font-family:Tahoma;
	font-size:12px;
	border:1px solid #555555;
	background-color:#CCCCCC;
	color:#555555;
	}
	
	select{
	font-family:Tahoma;
	font-size:12px;
	height:18px;
	}
	
	textarea.ta1{
	border:1px solid #999999;
	font-family:Arial;
	font-size:12px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	}
	
	textarea.ta1[disabled]{
	border:1px solid #555555;
	background-color:#999999;
	}
	
	input.clock{
	background-color:#001B23;
	border:0px;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#FF0000;
	height:14px;
	width:24px;
	}
	
	
/* BOUTONS */
	a.bdo{
	background-color:#EEEEEE;
	border:1px solid #555555;
	padding:4px;
	font-size:13px;
	color:#0099FF;
	text-decoration:none;
	}
	a.bdo:hover{
	background-color:#0099FF;
	color:#FFFFFF;
	text-decoration:none;
	}
	

/* MOOTOOLS SLIDER */
.gutter {
	position: relative;
	height: 16px;
	width: 200px;
	margin-top: 10px;
	background: url(../img/16sliderbg.png) repeat-x;
}

.knob {
	position: absolute;
	height: 16px;
	width: 20px;
	background: url(../img/ico_flecha.png) no-repeat;
	cursor: pointer;
}



/* MOOTOOLS TOOLTIPS */
.tool-tip {
	color: #fff;
	width: 200px;
	z-index: 13000;
}
 
.tool-title {
	font-family:Calibri;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background-color:#555555;
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-radius-topleft:8px;
	-webkit-border-radius-topright:8px;
}
 
.tool-text {
	font-family:Calibri;
	font-size: 12px;
	padding: 4px 8px 8px;
	background-color:#555555;
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-radius-bottomleft:8px;
	-webkit-border-radius-bottomright:8px;
}
	
	
/* SLIDESHOW */
	#box5{
		position:absolute;
		width:100%;
	}
	#box5 span{
		display:block;
	}
	#info5{
		bottom:0;
	}

	/* ********************************** */

	.thumbs{
		width:54px;
	}
	.thumbs div{
		display:block;
		width:54px;
		height:41px;
		margin:3px 0;
		cursor:pointer;
	}

	.thumbs div img{
		display:block;
		width:100%;
		height:100%;
		border:none
	}

	.info{
		width:100%;
		height:50px;
		background:#000000;
		position:absolute;
	}
	.info p, .info h4{
		color:#FFFFFF;
		padding-left:8px;
		padding-right:8px;
		font-family:Arial;
	}
	.info h4{
		font-size:14px;
	}
	.info h4 a{
		float:right;
		background:#fff;
		color:#000;
		font-size:10px;
		padding-left:8px;
		padding-right:8px;
		text-decoration:none
	}

	.mask1{
		position:relative;
		width:100%;
		height:300px;
		overflow:hidden;
	}
	.mask2{
		position:relative;
		width:100%;
		height:300px;
		overflow:hidden;
	}
	.mask3{
		position:relative;
		width:100%;
		height:300px;
		overflow:hidden;
	}
	
	
/* ===================================================================== */
/* FAQ */
/* ===================================================================== */
#faq {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	line-height: 25px;
	}
	
div.reponse {
	text-align: left;
	list-style-type: none;
	background-color:#001B23;
	padding:10px;
	border:1px dashed #555555;
	}
	
div.reponse a{
	text-decoration: none;
	}