/* CSS Document */

 body {
		   background-color : #431b05;
		   
        }


		#principal {
		    width:100%;
			background-image:url('images/area_left.gif');
			background-repeat: repeat-y;
            background-color : #FFFFFF;
		}
        #principal2 {
			background-image:url('images/area_right.gif');
			background-repeat: repeat-y;
            background-position: right;
		}

		#haut {
            height:13px;
            background-image:url('images/CadreHaut.gif');

		}

		#haut img {
		    vertical-align:top; /* for ie5*/
		}

			#coingh {
                width:12px;
				height:300px;
				background-image:url('images/area_top_left.gif');
				float: left;

			}
			#coindh {
                width:12px;
				height:300px;
				background-image:url('images/area_top_right.gif');
				float: right;

			}
		#contenu {
			padding: 0px 12px 0px 12px;

		}

		#contenu p {
			margin: 0px;

		}

		#bas {
            height:16px;
            background-image:url('images/CadreBas.gif');
		}
			#coingb {
                width:12px;
				height:16px;
				background-image:url('images/area_bas_left.gif');
				float: left;
			}
			#coindb {
                width:12px;
				height:16px;
				background-image:url('images/area_bas_right.gif');
			    float:right;
			}
			


<!--
.Style1 {color: #FFFFFF;
		font-size: 12px;
		font-family: tahoma
		
}

.Style2 {color: #7D380E;
		font-size: 12px;
		font-family: tahoma
		
}

.Style3 {color: #FFFFFF;
		font-size: 10px;
		font-family: tahoma
		
}
}

.Style4 {color: #CC0000;
		font-size: 12px;
		font-family: tahoma
		
}

.Style5 {color: #7D380E;
		font-size: 14px;
		font-family: tahoma;
		font-weight:bold;
		
}


.Style6 {font-size: 12px}
-->




a.lien1:link {  font-family: tahoma; color: #333333; text-decoration: none}
a.lien1:visited {  font-family: tahoma; color: #333333; text-decoration: none}
a.lien1:hover {  font-family: tahoma; color: #003366; text-decoration: none}

a.lien2:link {  font-family: tahoma; color: #FFFFFF; text-decoration: none}
a.lien2:visited {  font-family: tahoma; color: #FFFFFF; text-decoration: none}
a.lien2:hover {  font-family: tahoma; color: #FFFFFF; text-decoration: none}

-->

/* CSS Document */

img{ border:0px none; margin:0; padding:0; vertical-align:top;}
/**********font size***************/
#header{font-size:0.75em; line-height:0.875em;}
.content{font-size:1.10em; line-height:1.17em;}
#footer{font-size:0.75em; line-height:1.17em;}
/********** end font size***************/

input, textarea, select{ 
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#666666; 
	border:1px solid #434343;
	vertical-align:top;
}
#form input{ width:193px; height:18px; font-size:1em;}
#form textarea{ width:202px; height:108px; font-size:1em; overflow:auto;}
.inp_h{ height:28px; margin:0 0 4px 0;}

/****************** GLOBAL ***********************************************/
.w100{ width:100%;}
.h100{ height:100%;}
.float{ float:left; margin:0 20px 0 0;}
.right{ text-align:right;}
.title { display:block; margin:0; padding:0;}

.indent, .box , .row, .row, .row_1, .row_2, .block, .block_1, .block_2, .block_3, .block_4
{ 
	margin:0; 
	padding:0; 
	width:auto; 
	height:auto; 
	background:none;
}
.in5{ padding-bottom:5px;}
.in10{ padding-bottom:10px;}
.in15{ padding-bottom:15px;}
.in20{ padding-bottom:20px;}
/********************* END GLOBAL ********************************************/


li a { 
	
	padding:0 0 0 8px;
	line-height:1.67em;
	font-weight:bold;
	color:#CC6633;
}

.col { float:left;}
.right{ text-align:right;}
.clear { clear:both;}

/***************links**************/
a{ color:#CC6633;font-size: 12px}
a:hover{ text-decoration:none;}
/**************end links**************/

/***************txt***************/
h1, h2{ margin:0; padding:0;}
h1 {text-indent:-1000px; background:url(images/logo.gif) no-repeat left top; height:77px;}
.txt{ font-size:0.92em;}
.txt_1{ color:#CC6633;}
.txt_2{ color: #FFFFFF;}
/***************end txt***************/




/*******************box*********************************/
.box .left_top{ background:url(images/left_top.gif) left top no-repeat;}
.box .right_top{ background:url(images/right_top.gif) right top no-repeat;}
.box .left_bot{ background:url(images/left_bot.gif) left bottom no-repeat;}
.box .right_bot{ background:url(images/right_bot.gif) right bottom no-repeat; width:100%;}

.box .side_left{ background:url(images/side_left.gif) left top repeat-y #F1ECE3;}
.box .side_right{ background:url(images/side_right.gif) right top repeat-y;}
.box .side_top{ background:url(images/side_top.gif) left top repeat-x;}
.box .side_bot{ background:url(images/side_bot.gif) left bottom repeat-x;}
/***************************end box**************************/

/*******************box_1*********************************/
.box_1 .left_top{ background:url(images/left_top_1.gif) left top no-repeat;}
.box_1 .right_top{ background:url(images/right_top_1.gif) right top no-repeat;}
.box_1 .left_bot{ background:url(images/left_bot_1.gif) left bottom no-repeat;}
.box_1 .right_bot{ background:url(images/right_bot_1.gif) right bottom no-repeat; width:100%;}

.box_1 .side_left{ background:url(images/side_left_1.gif) left top repeat-y #F8F5EE;}
.box_1 .side_right{ background:url(images/side_right_1.gif) right top repeat-y;}
.box_1 .side_top{ background:url(images/side_top_1.gif) left top repeat-x;}
.box_1 .side_bot{ background:url(images/side_bot_1.gif) left bottom repeat-x;}
/***************************end box_1**************************/




.content .pos{margin:0 0 0 0; top:-8px; position:relative; width:100%;}
.content .indent{padding:20px 11px 11px 11px; }

.content .column .indent{padding:10px 30px 10px 18px;}

.content .box .title{padding:16px 0 0 0; margin:0 17px 0 17px;}
.content .box .indent{padding:16px 20px 27px 18px;}

.content .box_1 .title{padding:16px 0 0 0; margin:0 17px 0 15px;}
.content .box_1 .indent{padding:16px 15px 33px 16px;}

.content .column_1 .row .indent{padding:10px 30px 3px 25px;}
.content .column_1 .row .title{margin:0 17px 0 25px;}

/***************************page**************************/
#page .content .column .box{padding:0 8px 0 0;}

#page .content .column_1 .box_1{margin:8px 0 0 0;}
/***************************end page**************************/

/***************************page_1**************************/
#page_1 .content .column .box{padding:0 8px 0 0;}
/***************************end page_1**************************/

/***************************page_2**************************/
#page_2 .content .column .box{padding:0 8px 0 0;}

#page_2 .content .column_1 .block{ width:234px;}
#page_2 .content .column_1 .block_1{ width:190px;}
#page_2 .content .column_1 .box{padding:0 0 0 8px;}
/***************************end page_2**************************/

/***************************page_3**************************/
#page_3 .content .column .box{padding: 0 0 0 20px;}
/***************************end page_3**************************/

/***************************page_4**************************/
#page_4 .content .column .box{padding:0 8px 0 0;}

#page_4 .content .column_1 .block{ width:234px;}
#page_4 .content .column_1 .block_1{ width:190px;}
#page_4 .content .column_1 .box{padding:0 0 0 8px;}
/***************************end page_4**************************/