@charset "iso-8859-1";

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#797979;  background:url(site/body_bkg.jpg) top left repeat-x #4387b2;}
h1 {font-size: 1.4em; font-weight:bold; color:#225a7d;}
a { color:#225a7d; text-decoration:none;  }
a:hover {text-decoration:none; color:#225a7d; }


#header { width:990px; height:229px; background:url(site/head_bkg.jpg) top left no-repeat;}
#header #logo { margin-left:25px; margin-top:25px; float:left; }
#header #logo a { width:205px; padding-top:78px; height:93px; display:block; background:url(site/logo_bkg.jpg) top left no-repeat; text-align:right;}
#header #logo h1 {color:#4387b2; font-size:1.1em; margin:0; padding:0; line-height:1.2em;}
#header #logo h2 {color:#797979; font-size:1.1em; margin:0; padding:0; line-height:1.2em;} 
#header #langue { float:right; margin: 25px;}

#header #menu {clear:both; margin-left:84px; }
#header #menu ul {margin:0; padding:0; display:block; list-style:none;}
#header #menu ul li {margin:0; padding:0; list-style:none; display:block; float:left; text-transform:uppercase;}
#header #menu ul li a {display:block; height:30px; float:left; color:#ffffff; /*background:url(site/menu_itm_bkg.jpg) bottom right no-repeat;*/}
#header #menu ul li a span {line-height:30px; padding:0 15px; font-weight:bold;  font-size:1em;}
#header #menu ul li a:hover { color:#5aa1ce;}
#header #menu ul li.active a span{ color:#5aa1ce;}



#left {width:206px; float:left; margin-left:11px; background:url(site/left_bkg.jpg) top left no-repeat; padding-top:35px;}
#left #submenu {margin-top:-15px;}
#left #submenu ul {margin:0; padding:0; display:block; text-align:left}
#left #submenu ul li {margin:0; padding:0; float:left; list-style:none;}
#left #submenu ul li a { display:block; width:158px; color:#b4e2ff; background:url(site/sub_list.jpg) center left no-repeat; }
#left #submenu ul li a span {display:block;  font-weight:bold; padding:5px 0px 5px 30px;}
#left #submenu ul li a:hover {color:#5aa1ce;}
#left #submenu ul li.active a  { color:#5aa1ce;}
#left #sub .content {padding-left:0; padding-right:0;}


#main {background:url(site/main_bkg.jpg) top left no-repeat; width:756px; padding-top:35px; float:right;}
#main #act_ctn {padding:10px 30px 10px 10px; margin-top:-30px;}

#main #act_ctn h1.post_title {display:block; background:url(site/title_bkg.jpg) left bottom repeat-x; padding-bottom:3px;}


#footer { clear: both; background:url(site/footer_bkg.jpg) top left no-repeat #bfbfbf; padding:29px 35px 10px 35px; text-align:right; font-size:0.9em; color:#3b3b3c }
#footer #map { background: url(site/map_bkg.jpg) top right no-repeat; padding-right:42px; padding-top:70px;}
#footer #map .content { margin-top:-60px;}
#footer span { margin: 3px; display:inline-block}
#footer a {color:#3b3b3c;}
#footer a:hover {font-weight:normal; text-decoration:underline;}
#footer .endlink {display:block; margin:0;}
#footer .optimised {display:block;}

/**********************************************************************************************************************/


html, body { margin:0; padding:0; height:100%; width:100%; }
body {text-align:left }

/*img, div, a, ul, li, span, input, button { behavior: url(/css/iepngfix.htc) }*/

.container  {text-align: left; width:990px; margin:20px auto; background:url(site/contanier_bkg.jpg) top left repeat-y;}

#events_holder {height:0px; width:0px;}

img {border:none; }

#news:before {  content: ""; display: block; clear: both; }
#news:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div.gal {margin-top:20px; clear:both; width:100%;}
a.gal { display:inline-block; width:150px; height:150px; text-align:center; }

.thumbL { width:100%; margin-top:3px; clear:both; display:block; text-align:left;}
.thumbR { width:100%; margin-top:3px; clear:both; display:block; text-align:right;}
.thumbC { width:100%; margin-top:3px; clear:both; display:block; text-align:center;}

.thumbRF{ margin:0px 0px 3px 10px;float:right; } 
.thumbLF { margin:0px 10px 3px 0px; float:left; }


.section:before { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


.clear {clear:both;}