body {
	margin:0; padding:0;
	font-size:10pt;
/*	background: #F0F0F0 url(../images/fondgold.jpg) repeat-x;*/
/*	background: #FFFFFF url("../images/header_bg_big.jpg") repeat;*/	
	background: #EAEAFD url(http://fhosq.org/wp-content/themes/fhosq-2.0/images/fond.jpg) repeat-x;
	font-family: calibri,Tahoma,Arial, Helvetica; 
	text-decoration: none;
}

img, div { 
	behavior: url(iepngfix.htc) 
}

#header {
	padding: 0px 0 0;
	margin: 8px 0px 0px 0px;
	height: 75px;
	background: transparent url("../images/fond_entete.png") no-repeat;
}
#titre {
	text-align: left;
	color: #0a0647;
	font: bold 2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: #d0d0d0 2px 2px 3px;
}

#main
{
	width: 800px;
	position: relative;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
}

#main1 {
	margin:0; padding:0;
	background: #FFFFFF;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;	
	/*border-top: 1px solid #999999;*/
	float: none;
}

	
#main2 {
	margin:0; padding: 0 0 25px;
}
	
#left {
	float:left;
	width:150px;
	margin:0; padding:0;
	font-size:80%;
	}
#right {
	float:right;
	width:150px;
	margin: 3px 12px 3px 3px;
	font-size:70%;
	padding: 1px;
	border-left: 1px dotted #a1a1a1;
}
#middle {
	margin: 0 5px 0 150px;
	font-size:90%;
	background-color: #FFFFFF;
}
.column-in {
	margin:0; padding:0.5em 1em;
	}
	
.test {
	font-weight: bold;
}

.menu {
   	margin: 0;
	text-align: center;
	height: 22px;
	width: 80px;
	color: #E0E0E0;
	background-color: #606060;
	text-decoration: none;
	font-weight: bold;
	display: inline;
	font-size: 0.8em;
	padding: 6px 1px 1px 1px;
	float: left;
	line-height: 0.9em;
}

.menu_inactif {
  	margin: 0;
	text-align: center;
	height: 22px;
	width: 80px;
	color: #E0E0E0;
	background-color: #203050;
	text-decoration: none;
	display: inline;
	padding: 6px 1px 1px 1px;
	float: left;
	line-height: 0.9em;
	font-size: 0.8em;
	font-weight: bold;
}



#menubar {
	background-color: #FFFFFF; /* #004c7e; */
	height: 29px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	padding-top: 2px;
	margin:  0;
}




#menubar a.menu:hover, #menubar a.menu_inactif:hover {
	text-decoration: underline;
	background-color: #606060;
}

.tabs {
   	margin: 0;
	text-align: center;
	height: 20px;
	width: 92px;
	color: #E0E0E0;
	background: url(../images/tabs.png) no-repeat;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	font-size: 0.8em;
	padding: 5px 1px 2px;

}

.tabs_inactif {
  	margin: 0;
	text-align: center;
	height: 20px;
	width: 92px;
	color: #E0E0E0;
	background: url(../images/tabs_inactif.png) no-repeat;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	font-size: 0.8em;
	padding: 5px 1px 2px;
}


a.footerlink {
	color: #003b64;
	font-size: .9em;
}

#footer {
	margin:0; padding: 2px 0;
	background: #FFFFFF;
	clear: both;
	height: 35px;
	color: #102040;
	text-align: right;
	font-size: .75em;
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}



#logosSites {

text-align: right;
float: right;
	margin-top: 10px;
	margin-right: 6px;
}	

.boite {
	display: block;
	float: left;
	margin: 4px;
	background: #ffffff url("../images/leftside.gif") repeat-y left top;
	}

.boite_top {
width:100%;
height:20px;
background:url("../images/top.gif") no-repeat left top;
}

.boite_top span {
display:block;
position:relative;
height:20px;
background:url("../images/top-right.gif") no-repeat right top;
}

.boite_contenu {
position:relative;
background:url("../images/rightside.gif") repeat-y right top;
margin:-1px 0 -50px 0;
	padding: 1px 15px 45px 20px;
}
.boite_bas {
width:100%;
height:60px;
background:url("../images/bottom.gif") no-repeat left bottom;
}
.boite_bas span {
display:block;
position:relative;
height:60px;
background:url("../images/bottom-right.gif") no-repeat right top;
}


.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
	}
	
	
h1,h2,h3 { margin: 0.2em 0;
	vertical-align: middle;
	font-weight: bold;
}
h4 { margin: 0.2em 0;
	color: #333366; /* #a1cb61; */
	font: bold 1.2em calibri, helvetica;
}


p { margin: 0.5em 0 }


input[type="submit"], .bouton {
cursor:pointer;
border:outset 1px #ccc;
color:#666;
font-size:  0.9em;
font-weight:bold;
	background: url(../images/boutonbg.gif) repeat-x left top;
	padding: 2px 3px;
}


.bouton_facture {
cursor:pointer;
border: 1px groove #404040;
color:#666;
font-weight:bold;
	background: #fffeff url(../images/huards.jpg) no-repeat left top;
	padding: 3px 10px 3px 40px;
	height: 35px;
	text-align: right;
}


.soustitre {
	border: 1px solid #0a0647;
	font-weight: bold;
	color: #0a0647;
	padding: 2px 5px;
	background-color: #fafafa;
	font-size: 1.2em;
}


ul.quoifaire {
	list-style-type: square;
	padding-left: 9px;
	margin: 2px;
	line-height: 1.75em;
}

li.quoifaire {
	display:inline;
}

#entete {
	height: 100px;
	width:  95%;
	background: #003b64 url("../images/trompettiste.jpg") no-repeat right top;
	font-size: 2.5em;
	color: #FFFFFF;
	border: 2px solid #37374a;
}


#entete-in {
	padding: 5px 85px 5px 12px;

}



a { 

	text-decoration: none;
	/*font-size: 1em;*/
	color: #003b64;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;

}


.tableHtml {
	width:  1900px;
	border: 3px solid #59718f;
}

.tableHtmlHeader {
	color: #DEDEDE;
	font-size: .8em;
	font-weight: bold;
	background-color: #002040;
}

.tableHtmlDivision {

}

.tableSubHeader {
	border-bottom: 2px solid #59718f;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 3px;
}

.tableHtmlEven {
	background-color: #ffffff;
}

.tableHtmlOdd {
	background-color: #f5f5f9;
}

.tableHtmlOver {
	background-color: #dbce97; /* #d3f3d3; */
}


.copy { text-align:center; font-size:70%;
	float: right;
	margin-right: 5px;
}

.valid_warn {
	font-color: #cccc00;
	font-size: 0.8em;
	color: #ff7200;
	font-weight: bold;
}

.valid_error {
	color: #c50025;
	font-size: 0.8em;
	font-weight: bold;
	border-style: solid;
	border-color: #800;
	/*width: 200px;*/
	display: inline-block;
	padding: 1px 3px;
}

.valid_ok {
	background: #ffffff url("../images/crochet.gif") no-repeat left top;
	width: 11px;
	height: 12px;
	display: inline-block;
}