html,body { height:100%; font-family:Tahoma, Verdana, Arial; }
html,body,form,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }
ul,ol { list-style-type:none; }
li,th,td,div,p,a,h1,h2,h3,h4,h5,input,select,textarea { font-family:Tahoma, Verdana, Arial; font-size:12px; color:#000000; font-weight:normal; }
body { background:#FFFFFF url(../images/background.jpg) repeat-x; }
.txt, textarea, select { color:#000000; padding:2px 3px 2px 3px; border:1px solid #999999; }
.btn { width:80px; padding:3px 0 3px 0; margin-top:10px; }
img { display:block; border:none; }
form { padding:0 0 10px 0; }
p { padding:0 0 10px 0; }
p.nopad { padding-bottom:0; }
a { color:#c6022b; text-decoration:underline; }
a:hover { color:#1c3f81; text-decoration:none; }
table td { vertical-align:top; }
table td.label { padding:5px 5px 0 0; }
table td.field { padding-bottom:1px; }



#container { width:960px; margin:0 auto; }

#header { width:960px; height:210px; background-image:url(../images/header.jpg); background-repeat:no-repeat; }
#header #logo { position:absolute; width:206px; height:89px; margin:40px 0 0 37px; }
#header_insidepages { width:960px; height:210px; background-image:url(../images/header_insidepages.jpg); background-repeat:no-repeat; }
#header_insidepages #logo { position:absolute; width:206px; height:89px; margin:40px 0 0 37px; }

#menu { padding-top:174px; }
#menu ul { clear:left; float:left; position:relative; text-align:center; padding-left:30px; }
#menu ul li { float:left; padding-left:10px; padding-right:10px;  position:relative; }
#menu ul li a { font-size:14px; color:#ffffff; font-weight:bold; text-decoration:none; }
#menu ul li a:hover { color:#fffc03; text-decoration:underline; left bottom no-repeat; }
#menu ul li a.active { color:#fffc03; text-decoration:underline; left bottom no-repeat; }
#menu ul li a.active:hover { color:#fffc03; text-decoration:underline; left bottom no-repeat; }

#main { width:960px; height:785px; }
#main_top { width:960px; height:325px; background-image:url(../images/main_top.jpg); background-repeat:no-repeat; }
#main_top_english { width:960px; height:325px; background-image:url(../images/main_top_english.jpg); background-repeat:no-repeat; }

#main_insidepages { width:960px; background-image:url(../images/background_mid_white.jpg); background-repeat:repeat-y; }
#main_insidepages td { width:100%; }

#main_services { width:960px; height:800px; background-image:url(../images/main_services.jpg); background-repeat:repeat-y; }
#main_services td { width:100%; }

#main_services_text { float:left; width:420px; padding-top:10px; padding-left:40px; padding-right:30px; line-height:15px; }
#main_services_text h1 { font-size:14px; color:#1c3f81; font-weight:bold; padding-bottom:10px; }
#main_services_text p { font-size:12px; color:#000000; font-weight:normal; padding-bottom:10px; }

#main_top_insidepages { width:900px; padding-top:10px; padding-left:40px; padding-right:10px; line-height:17px; }
#main_top_insidepages h1 { font-size:14px; color:#1c3f81; font-weight:bold; padding-bottom:0px; }
#main_top_insidepages p { font-size:12px; color:#000000; font-weight:normal; padding-bottom:0px; }
#main_top_insidepages img { margin:-10px 0 0 -5px; }


#main_mid { clear:both; width:960px; height:78px; }
#main_mid h1 { text-indent:-10000px; overflow:hidden; }

#main_bottom { width:960px; height:382px; background-image:url(../images/main_bottom.jpg); background-repeat:no-repeat; }
#main_bottom_english { width:960px; height:382px; background-image:url(../images/main_bottom_english.jpg); background-repeat:no-repeat; }


#colonnegauche { float:left; width:420px; height:315px; padding-top:10px; padding-left:40px; padding-right:30px; line-height:17px; }
#colonnegauche p { font-size:12px; color:#000000; font-weight:normal; padding-bottom:0px; }

#colonnegauche_insidepages { float:left; width:45%; padding-top:10px; padding-left:40px; padding-right:30px; line-height:17px; }
#colonnegauche_insidepages h1 { font-size:14px; color:#1c3f81; font-weight:bold; padding-bottom:0px; }
#colonnegauche_insidepages p { font-size:12px; color:#000000; font-weight:normal; padding-bottom:0px; }

#colonnedroite_insidepages { float:left; width:40%; padding-top:10px; padding-left:40px; padding-right:30px; line-height:17px; }
#colonnedroite_insidepages h1 { font-size:14px; color:#1c3f81; font-weight:bold; padding-bottom:0px; }
#colonnedroite_insidepages p { font-size:12px; color:#000000; font-weight:normal; padding-bottom:0px; }

#colonnedroite { float:left; width:440px; height:315px; padding-top:10px; padding-left:0px; padding-right:0px;}
#colonnedroite h1{ font-size:12px; text-indent:-10000px; overflow:hidden; }
#colonnedroite ul { float:left; margin-top:221px; }
#colonnedroite ul li { float:left; }
#colonnedroite ul li a { display:block; overflow:hidden; margin-left:220px; text-indent:-9999px; text-decoration:none; height:53px; }
#colonnedroite ul li a:hover { background-position:0 -53px; }
#colonnedroite ul li a.active { background-position:0 -53px; }

#colonnedroitebottom { float:left; width:440px; height:315px; padding-top:10px; padding-left:0px; padding-right:0px;}
#colonnedroitebottom h1{ font-size:12px; text-indent:-10000px; overflow:hidden; }
#colonnedroitebottom ul { float:left; margin-top:221px; }
#colonnedroitebottom ul li { float:left; }
#colonnedroitebottom ul li a { display:block; overflow:hidden; margin-left:220px; text-indent:-9999px; text-decoration:none; height:68px; }
#colonnedroitebottom ul li a:hover { background-position:0 -68px; }
#colonnedroitebottom ul li a.active { background-position:0 -68px; }

#colonnedroite_english { float:left; width:440px; height:315px; padding-top:10px; padding-left:0px; padding-right:0px;}
#colonnedroite_english h1{ font-size:12px; text-indent:-10000px; overflow:hidden; }
#colonnedroite_english ul { float:left; margin-top:221px; }
#colonnedroite_english ul li { float:left; }
#colonnedroite_english ul li a { display:block; overflow:hidden; margin-left:220px; text-indent:-9999px; text-decoration:none; height:53px; }
#colonnedroite_english ul li a:hover { background-position:0 -53px; }
#colonnedroite_english ul li a.active { background-position:0 -53px; }

#footer { clear:both; width:960px; height:60px; background-image:url(../images/footer.jpg); background-repeat:no-repeat; text-align:center; }
#footer p { padding-top:20px; font-size:12px; color:#000000;  }
#footer a { font-size:12px; }


/*not used in the project*/

#info-colonnegauche { float:left; width:270px; padding-top:10px; padding-left:30px; padding-right:20px; line-height:20px; }
#info-colonnegauche h1{ font-size:16px; color:#000000; font-weight:bold; }
#info-colonnegauche h2 { font-size:30px; color:#0e67e1; font-weight:bold; font-style:italic; }
#info-colonnegauche p { font-size:14px; color:#000000; font-weight:normal; padding-bottom:0px; }
#info-colonnegauche ul { padding-left:15px; }
#info-colonnegauche ul li { list-style-type: circle; font-size:14px; color:#000000; font-weight:normal; line-height:15px; padding-bottom:10px; }

#info-colonnegauche p a { font-size:14px; font-weight:bold; }
#info-colonnegauche p a :hover { font-size:14px; font-weight:bold; }

#info-colonnedroite { float:left; width:550px; padding-top:10px; padding-left:20px; padding-right:30px; line-height:20px; }
#info-colonnedroite h1{ font-size:16px; color:#000000; font-weight:bold; }
#info-colonnedroite h2 { font-size:30px; color:#0e67e1; font-weight:bold; font-style:italic; }
#info-colonnedroite td { font-size:12px; color:#0e67e1; font-weight:bold; line-height:14px; }
#info-colonnedroite p { font-size:14px; color:#0e67e1; font-weight:bold; line-height:16px; }
#info-colonnedroite li { float:left; width:50%; font-size:14px; color:#0e67e1; font-weight:bold; line-height:20px; }