/* GLOBAL SETTINGS
======================= */
* {margin:0;padding:0;} 
html, body{ height:100%; width:100%; border:0; margin:0; padding:0; }
body{ font:12px/1.6em Arial; color:#fff; background:#0f182d url(../gfx/body_bg.png) left top repeat-x }

/* cssstickyfooter */
* {margin:0;padding:0;} 
html, body {height: 100%;}
body:before {/* Opera Fix, thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ }

/***** YAHOO RESET CSS : http://developer.yahoo.com/yui/reset/ *****/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}  
ul{ list-style:none;}
h1,h2,h3 {font-size:100%;font-weight:normal;}
.clear{clear:both; height:0; margin:0; font-size:1px; line-height:0;}
a{color:#009acd; text-decoration:none;}	
a:hover{text-decoration:underline;}	


/* LAYOUT
======================= */
div#website {min-height:100%; width:980px; margin:0 auto; padding:0; overflow:hidden; background:url(..//gfx/header_bg.png) no-repeat center top;}
div#content { margin:200px auto 101px; overflow:auto; width:679px; }  
div#footer{ position:relative; margin-top: -101px; height: 101px; clear:both; min-width:921px; background:url(../gfx/footer_bg.png) repeat-x left bottom;}
div#footer div.inner{ display:block; width:740px; margin:0 auto; padding-top:41px;}

h4{ font:bold 19px/21px Arial; float:left; padding:0 45px 0 53px;}
a.email, div.phonenumber{ font:bold 13px/21px Arial; color:#fff; float:left; padding:0 30px 0 51px; background:url(../gfx/icons.png) no-repeat left top;}
a.email:hover{background-position:0px -41px;}
div.phonenumber{background-position:0px -79px; margin-top:-8px; padding:8px 0 14px 45px;}

ul.block{ width:311px; /*float:left;*/ margin:0 auto;}
ul.floatright{ float:right;}
ul.block li.header, ul.block li.header:hover{ width:311px; height:92px; padding:0; overflow:hidden; background:url(../gfx/block.png) no-repeat left top; cursor:auto;}
ul.block li{width:265px; height:160px; padding:0px 23px 0px 23px; background:url(../gfx/block_repeat.png) repeat-y left top; }
ul.block li.last{ height:230px; background:url(../gfx/block.png) no-repeat left bottom }
ul.block li.link:hover{cursor:pointer}
ul.block li.link:hover h3{ background-color:#156fcc;}
ul.block li.link:hover h3 a{ color:#fff;}
ul.block li.back{height:auto; background-image:none;}
ul.block li.back a{ margin-bottom:16px; font-weight:bold; display:block; text-align:center}

div.languageversion{color:#009acd; overflow:hidden;}
div.languageversion a, div.languageversion div{ display:block; float:left; padding-right:12px;}
div.languageversion a{ font-weight:bold;}


div.languageversion a.french,
div.languageversion a.english{ background:url(../gfx/france.png) no-repeat left top; height:24px; line-height:24px; width:24px;}
div.languageversion a.english{ background-image:url(../gfx/english.png)}

div.languageversion a.french:hover,div.languageversion a.english:hover{ text-decoration:none;}


/* CONTENT
======================= */
h1{ position:absolute; margin-top:-100px }
h2{ font:bold 19px/21px Arial; margin-top:16px; text-align:center;}
h3{ font:bold 15px/30px Arial; color:#fff; background-color:#1b3252; text-indent:11px; }
h3 a{ font:bold 13px/30px Arial; color:#5590cc; display:block; position:absolute; margin:-30px 0 0 192px; }


/* HOME
======================= */
body#home div#content{ margin-top:210px;}
body#home ul.block{ float:left;margin:0;}
body#home ul.floatright{ float:right;}
body#home ul.block li.header{ padding:0;background:url(../gfx/block.png) no-repeat left top;}
body#home ul.block li{ height:70px; padding-top:35px; background:url(../gfx/block.png) no-repeat left bottom }
body#home ul.block li a{ display:block; background-color:#1b3252; color:#fff; font:bold 13px/36px Arial; margin:0 auto; width:180px; text-align:center; }
body#home ul.block li a:hover{background-color:#156fcc; text-decoration:none; }