/* CSS Document */
* {
	margin:0;
	padding:0;
}

.clear { clear:both;}

html, body { height:100%; }
body {font-size:100%; line-height:0.95em; text-align:center; background:url(images/bg.gif) repeat-x top #0494ce}
html, input, textarea
	{	font-family:Tahoma; 
		color:#ffffff;
	}	


.vam{ vertical-align:middle}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
.width{ width:100%}

a img{ border:0px}
img{ vertical-align:top;  }


a{color:#77df49; text-decoration:underline; font-weight:bold} 
a:hover{text-decoration:none}

ul{margin:0; padding:0; list-style:none; line-height:1.3em}
ul li{background:url(images/arrow3.gif)  center left no-repeat; margin:0px; padding-left:10px }
ul li a{color:#a2e8ff; text-decoration:none ; font-weight:normal;} 
ul li a:hover { text-decoration:none; color:#77df49; }

/*header*/
#header{ height:447px}
#header .flash{ position:absolute; margin:0 -10px 0 -40px}

/*content*/
#content{ font-size:0.75em; width:100%; text-align:left;}
#content .title{  margin-bottom:5px}
#content .title1{  margin-top:5px; position:absolute}
#content .title2{  margin:5px 0 6px 0}
#content .title_1{background:url(images/bg_5.gif) no-repeat top left #047eb3; padding:9px 26px 21px 80px; color:#a2e8ff; font-weight:bold; font-size:0.9em}
#content .title_1 a{color:#a2e8ff; text-decoration:none}
#content .title_1 a:hover{text-decoration: underline}
#content .title_1 strong a{color:#ffffff}
#content p{
	margin:0px 0px 15px 0px;
	height: 8px;
	line-height: 0.95em;
}
#content .p1{ margin:5px 0px 5px 0px}
#content .p2{ margin:0px}
#content .pic_left{ float:left; margin:0px 20px 16px 0px}
#content .pic{ margin:20px 0px 16px 0px}
#content .line{ margin:15px 0px 13px 0px }
#content .indent{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#content .indent_col1{padding:5px 25px 15px 10px}
#content .indent_col2{
	padding:5px 25px 0px 24px;
	line-height: 0.95em;
}
#content .indent_col3{padding:5px 25px 0px 24px}
#content .indent_1{padding:0px 0px 0px 105px}
#content .indent_2{padding:0px 0px 5px 0px}
#content .indent_3{padding:0px 0px 0px 95px}
#content .indent_4{padding:0px 0px 0px 144px}

#apDiv1 {
	position:absolute;
	width:180px;
	height:370px;
	left: 819px;
	text-align:center;
	top: 0;
}

.block{ width:218px; background:url(images/bg_2.gif); float:right}
.bg_block{ background:url(images/bg_1.gif) no-repeat top;}
.bg_block1{ background:url(images/bg_3.gif) no-repeat bottom; padding:28px 17px 17px 23px;}
/*table*/
.table{ width:440px; height:223px; background:#cacaca; font-size:0.9em}
.table td{ background:#0497d0;}
.table .col_1{ height:24px; width:138px; vertical-align:middle; text-align:center}
.table .col_2{ width:99px; vertical-align:middle; text-align:center}
.table .col_3{ width:94px; vertical-align:middle; text-align:center}
.table .col_4{ width:104px; vertical-align:middle; text-align:center}
.table .col_5{ height:200px; padding:10px 0px 5px 14px}
.table .col_6{ padding:10px 0px 5px 14px}
.table .col_7{padding:10px 0px 5px 14px}
.table .col_8{ padding:10px 0px 5px 14px}
.table ul{margin:0; padding:0; list-style:none; line-height:1.7em}
.table ul li{background:url(images/arrow3.gif)  center left no-repeat; margin:0px; padding-left:10px }
.table ul li a{color:#a2e8ff; text-decoration:none ; font-weight:normal; font-size:1.2em} 
.table ul li a:hover { text-decoration:none; color:#77df49; }

.block2{
	background:url(images/bg_4.gif) repeat-x top #0476af;
	display: block;
}
.block2 div{ height:27px; font-size:0.9em}
.block2 .h1{ height:18px; }
.block2 .fr1{ text-align:right; margin-right:23px;}
.block2 .fr2{
	margin-right:0px;
	padding-left: 7px;
	text-align: right;
}
.icon3{ margin-left:2px; vertical-align:middle}
.block2 .indent_5{padding:0px 140px 10px 22px; color:#6cc1e4; line-height:1.2em; background:url(images/line3.gif) no-repeat bottom #0476af; height:100%}
.indent_6{padding:10px 0px 0px 0px;}
.but2{ margin:0px 0px 14px 174px; position:absolute }
.vam1{background:url(images/line4.gif) no-repeat top left #047bb2; padding:0px 0px 0px 20px; height:36px; font-size:0.9em; }
.input{
	background:#ffffff; 
	border:1px solid #03b5dd;
	color:#666666;
	width:173px; height:22px;
	font-size:0.9em;
	padding-left:5px;
	margin-bottom:6px
}

/*index.html*/
#page1 #content .indent_col2{padding:5px 25px 0px 15px}
/*index-2.html*/
#page3 #content .indent_col1{padding:5px 0px 15px 10px}
/*index-3.html*/
#page4 #content .indent_col2{padding:5px 25px 0px 15px}
/*index-3.html*/
#page8 #content p{margin:0px 0px 20px 0px}

.duoi02{padding:0px 140px 10px 22px; color:#6cc1e4; line-height:1.2em; background:url(images/line3.gif) no-repeat bottom #0476af; height:100%}
/*footer*/
#footer { color:#ffffff; font-size:0.75em; background:url(images/bg_bot.gif) repeat-x top; padding:35px 25px 28px 16px; margin-right:28px}


.jamp1{
	width:42px;
}
.jamp6 {
	width: 121px;
	height: 24px;
	border: 1px solid #43D2FF;
	color: #666666;
	vertical-align: middle;
	margin-left: 0px;
}
.jampp {
	width: 100px;
	height: 24px;
	border: 1px solid #43D2FF;
	color: #666666;
	vertical-align: middle;
	margin-left: 0px;
}

.jamp2{ width:74px;}
.jamp3{ width:95px;}
.jamp4{ width:87px; margin-left:15px}
.jamp5{ width:87px; margin:0 35px 0 5px}

.input1{
	color:#666666;
	width:16px; height:16px;
	font-size:0.9em;
	margin:0 5px 0 5px;
	vertical-align:middle
}
.input2{
	width: 68px;
	margin-left: 0px;
	color: #666666;
	height: 19px;
	vertical-align: middle;
}

textarea{
   width:193px; height:152px;
   font-size:1em;
   padding-left:5px;
   margin-bottom:11px;
   overflow:auto}
.select_des {
	color:#666666;
	margin-left:5px;
	vertical-align:middle;
	height:24px;
	width: 195px;
	border: 1px solid #43D2FF;
	
}

.select_des2 {
	color:#666666;
	margin-left:5px;
	vertical-align:middle;
	height:19px;
	width: 195px;
	border: 1px solid #43D2FF;
	
}

.test2 {
	height: 36px;
	border: 1px solid #43D2FF;
}
.select_des1 {
	width: 195px;
	border: 1px solid #43D2FF;
	height: 28px;
}
#page1 .w #content .col2 .indent_col2 .indent .rechercher_rapide .input_recherche {
	font-size: 1em;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	color: #666666;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 5px;
	margin: 0px;
}
#page1 .w #content .col2 .indent_col2 .indent .rechercher_rapide .btn_recherche {
	height: 28px;
	width: 30px;
	background-image: url(images/btn_recherche.PNG);
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #33CCFF;
	border-bottom-color: #33CCFF;
	border-top-style: none;
	border-left-style: none;
	cursor: pointer;
}