/***********************************************/
/* emx_nav_left.css                            */
/* Use with template Halo_leftNav.html         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	line-height: 1.176;
	background: #FFFFFF;
	background-color: #3C1F00;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px; 
    margin: 0px;
    padding: 0px;
}
img {
	border:0px;
}
br {
	line-height: 1.000;	
}
/******* hyperlink and anchor tag styles *******/

a:link {
	color: #2D65F3;
	font-size: 10px;
	font-family: Arial;
	text-decoration: none;
}
a:visited {
	color: #2D65F3;
	font-size: 10px;
	font-family: Arial;
	text-decoration: none;
}
a:hover{
	color: #639F0C;
	font-size: 10px;
	font-family: Arial;
	text-decoration: none;
}

/************** header tag styles **************/

h1{
	font: 10px arial;
	color: #333333;
	margin: 0px;
	padding: 0px;
	float: inherit;
	font-weight: normal;
}

h2{
	font: 12px verdana;
	color: #52880A;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

h3{
	font: 12px arial;
	color: #333333;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

.h4{
	font: 12px courier;
	color: #6BA318;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

h5{
	font: 9px verdana;
	color: #52880A;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

.h6{
	color: #CBDAF2;
	font-family: Verdana;
	font-size: 16px;
	padding: 0px;
	font-weight: normal;
}


/******* hyperlink and anchor tag styles *******/

div#content{
	float: left;
	width:440px;
	background-color: #FFFFFF;

}	
div#header {
	margin-top: 0px;
    clear: both;
    height: 80%;
    padding: 0px;
    width: 938px;
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
}
div#basnavimg{
	top: 425px;
    width: 150px;
	left: 98px;
	padding: 0px 0px 0px 0px;
	color:#FFFFFF;
	background-color: #FFFFFF;
	position: absolute;
	z-index: 170;
}
div#basnavimgB{
	top: 425px;
    width: 150px;
	left: 80px;
	padding: 0px 0px 0px 0px;
	color:#FFFFFF;
	background-color: #FFFFFF;
	position: absolute;
	z-index: 170;
}
div#basnav{
	top: 425px;
    width: 188px;
	left: 55px;
	padding: 0px 0px 0px 0px;
	color:#FFFFFF;
	background-color: #FFFFFF;
	position: absolute;
	z-index: 160;
}
div#leftnav {
	top: 124px;
	left: 0px;
	width:55px;
    height: 281px;
	background-color: #FFFFFF;
	margin-left: 0px;
	padding-left: 10px;
	background-image: url(../img/leftnav.jpg);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 160;
}
div#nav {
	top: 0px;
	width:188px;
	height: 281px;
	left: 55px;
	background-color: #FFFFFF;
	margin-left: 0px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	padding: 30px 0px 0px 10px;
	background-image: url(../img/fondnav.jpg);
	background-repeat: no-repeat;
	position: absolute;
	z-index: 160;
}
div#flashcontent
{
	position:absolute;
	top: 124px;
	left: 243px;
	width:640px;
	height: 170px;
	position: absolute;
	z-index: 160;
	background-image: url(../img/fondflash.jpg);
	background-repeat: no-repeat;
}
div#droiteflash
{
	position:absolute;
	top: 124px;
	left: 883px;
	width:55px;
	height: 170px;
	position: absolute;
	background-color: #0A225E;
	background-image: url(../img/droiteflash.jpg);
	background-repeat: no-repeat;
	z-index: 160;
}
div#intro{
	top: 25px;
	width:620px;
	left: 0px;
	padding: 275px 55px 5px 263px;
	color:#FFFFFF;
	background-color: #FFFFFF;
	position: absolute;
	z-index: 150;
}
div#texte {
	position: absolute;
	top: 0px;
    width: 300px;
	left: 0px;
	padding: 10px 0px 0px 25px;
} 
div#footer {
    clear: both;
}
#pagecell{
	position:absolute;
	width:938px;
	margin-top: 20px;
	margin-left: -482px;
	left:50%;
	z-index: 100;
	background-color:#FFFFFF;
}
#blank{
	left: 0px;
	width:938px;
	height: 80%;
	background-color: #FFFFFF;
	z-index: 100;
}
#imgH{
	margin-top: 0px;
	left: 0px;
	width:938px;
	height: 25px;
	z-index: 160;
	background-image: url(../img/filethaut.jpg);
	background-repeat: no-repeat;
	z-index: 140;
}
#leftlogo{
	top: 25px;
	left: 0px;
	width: 55px;
	height: 99px;
	z-index: 160;
	background-image: url(../img/leftlogo.jpg);
	background-repeat: no-repeat;
	position: absolute;
}
#logo{
	top: 0px;
	left: 55px;
	width: 188px;
	height: 99px;
	z-index: 160;
	background-image: url(../img/logoAPBM.jpg);
	background-repeat: no-repeat;
	position: absolute;
}
#tetiere{
	top: 0px;
	left: 243px;
	width:695px;
	height: 99px;
	z-index: 160;
	background-image: url(../img/applat.jpg);
	background-repeat: no-repeat;
	position: absolute;
}
#slogan{
	position:absolute;
	top: 36px;
	left: 270px;
	width:500px;
	height: 20px;
	z-index: 160;
	color: #FFFFFF;
	font-family: Courier;
	font-size: 18px;
	padding: 0px;

}

#accroche{
	position:absolute;
	top: 60px;
	left: 270px;
	width:530px;
	height: 58px;
	z-index: 111;
	font-family: arial;
	font-size: 9px;
	color: #FFFFFF;
	z-index: 160;
}
#pied{
	position:absolute;
	left: 0px;
	width: 938px;
	height: 95px;
	z-index: 140;
	background-image: url(../img/footer.jpg);
	background-repeat: no-repeat;
}
div#contentdown{
	position:relative;
	float: left;
	left: 15px;
	width:800px;
	padding: 45px 0px 0px 0px;
}	

/************ /boutons/nav **************/

#epik{
	position:relative;
	width:265px;
	height:0px;
	left:660px;
	top:-28px;
	color:#FFFFFF;
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	padding-left: 7px;
	z-index: 160;
}
#epik h1{
	color:#FFFFFF;
	font-family: verdana;
	font-size: 11px;
}
#epik a:link {
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	color:#FFFFFF;
	text-decoration: none;
	padding: 5px 0px 5px 0px;
}
epik a:hover {
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	color:#2D65F3;
	text-decoration: none;
	padding: 5px 0px 5px 0px;
}		    
#boutons{
	position:relative;
	width:160px;
	height:10px;
	left:525px;
	top:-13px;
	color:#333333;
	font-family: arial;
	font-size: 10px;
}
#boutons a:link {
	background-color: #FFFFFF;
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	color:#333333;
	text-decoration: none;
	padding: 5px 0px 5px 0px;
}
#boutons a:hover {
	background-color: #FFFFFF;
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	color:#999999;
	text-decoration: none;
	padding: 5px 0px 5px 0px;
}		    
.fin
{
	clear:both;
}

/************ /liens/nav **************/

#Links{
	padding-left: 20px;
	padding-right: 40px;
}

#Links h1{
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #3C1F00;
	border-bottom: 1px solid #FFFFFF;
	font-family: verdana;
	font-size: 11px;
}

#Links a:link, #Links a:visited {
	display: block;
	border-bottom: 1px solid #0A225E;
	border-top: 1px solid #0A225E;
	font-weight: normal;
	padding: 3px 0px 3px 7px;
	color: #FFFFFF;
	font-family: verdana;
	font-size: 11px;
}

#Links a:hover{
	border-bottom: 1px solid #0A225E;
	background-color: #74A72B;
	font-weight: normal;
	text-decoration: none;
	font-family: verdana;
	font-size: 11px;
}

/************ Foot **************/

/********************* FORM **********************/

.textarea {
	border:0px none #FFFFFF;
	color:#383838;
	overflow: hidden;
}

.input{
	border:5px;
	color: #EBEBEB;
}

.submit {
	border:1px solid #383838;
	color: #FF6600;
	font-family: Verdana;
	font-size: 9px;
}

.message {
	border-bottom:1px solid #ECECEC;
	border-left:1px solid #ECECEC;
	line-height:150%;
	padding:3px 3px 3px 3px
}

.select{
	background-color: #EBEBEB;
	border: 0;
	font-family: Arial;
	font-size: 10px;
	color: #000000;
}

.high,input,textarea,submit,select {
	background-color: #EBEBEB;
	border: 0;
	font-family: Arial;
	font-size: 10px;
	color: #000000;
} 
			
/********************* end **********************/