@charset "iso-8859-1";


.pfitmedit {padding:10px; border:1px solid #000; margin:3px 0;}
.pfitmedit:hover {background:#FFC;}
.pfitmedit button {float:right;}



.prv {position:fixed; left:0; top:50%; }
.next {position:fixed; right:0; top:50%; }
.next a, .prv a {display:block; width:30px; font-size:1.4em;  font-weight:bold;color:#d42e12; background:#ffffff;  text-align:center;}
.next a:hover, .prv a:hover { color:#ffffff; background:#d42e12;}

body { font-family:Helvetica,Arial,sans-serif; font-size:11px; color:#000000; background: #ffffff; }
h1 {font-size:2em; color:#d42e12;}
a {color:#ffffff; text-decoration:none;}
a:hover { background-color:#d42e12; color:#ffffff; }

div{ background-image:url(css/site/BBRK_web_construction.jpg)}

#bkg_fls object{width:100%; height:100%; top:0; left:0; position:fixed; margin:0; padding:0; z-index:-1000; }


#top { width:100%; height:26px; background-color:#d42e12; color:#ffffff; text-align: left; position:fixed; top:0; left:0; z-index:1200; font-size:1.2em;}
#top a {font-size:1.1em; color:#ffffff; font-weight:normal;}
#top a:hover {color:#ffffff; font-weight:bold; text-decoration:none;}
#top #langue { height:18px; padding:4px; float:left;}
#top #news { height: 26px; position:fixed; top:0px; left:208px ; white-space:nowrap;}

#head { margin:0px; text-align:left; margin-left:160px;}



#head #logo {float:left; margin-top:50px; margin-left:-160px; padding-right:20px; width:160px; height:148px;}
#head #logo object { width:160px; height:148px;}

#menu, #smenu, #pf_menu {float:left; margin-top:37px; }
.pf { float:left;}
#head ul {padding:0; display:block; margin-left:30px;}
#head li { list-style:none;  display:block;  text-align:left; width:100%; padding:0; margin:0; }
#head li a{ display:block; font-size:1.25em;   width:100%; margin-bottom:2px;}
#head li.active a{ background-color:#d42e12;}

#head #menu #nav_1 {display:none; visibility:hidden;}


#head #clear {clear:both; margin-bottom:30px;}

#main {width: 100%; clear:both; position:relative;}
#main .date { color:#ffffff; font-size:4.5em; font-weight:bold; position:absolute; left:7px; top:6px;}
#main p { font-size:1.2em; line-height:1.2em; margin-bottom:1em;}
#main h1 a { color:#d42e12; line-height:1.1em; margin-bottom:1em; margin-top:0; padding:0; text-decoration:none}
#main h1 a:hover {background:none; text-decoration:none;}
#main .section {position:relative; width:100%; margin-bottom:30px;}
#main .section .content {position:relative;  padding:1.5em 50px 1.5em 205px; width:500px;}
#main .content h1 {color:#d42e12; line-height:1.1em; margin-bottom:1em; margin-top:0; padding:0;}
#main .content a {color:#d42e12; text-decoration:none;}
#main .content a:hover {color:#d42e12; text-decoration:none; background:none;}
#main .section .overlay { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background-color:#dfe9eb; background: #fff; opacity: 0.75; -moz-opacity: 0.75; filter:alpha(opacity=75); }

#foot {text-align:right; color:#000000; font-size:0.5; clear:both; position:fixed; bottom:0; right:0; width:170px; }
#foot span {display:block;}
#foot a {color:#000000;}
#foot a:hover { background-color:#d42e12; color:#ffffff;}


/**********************************************************************************************************************/
html {height:100%; width:100%}

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

p { color:inherit;}
h2 { color:inherit;}
h3 { color:inherit;}
li { color:inherit;}
li { list-style: inside; }

img {border:none; }

.thumbR{ text-align:right; clear:both;}
.thumbL{ text-align:left; clear:both;}
.thumbC{ text-align:center; clear:both;}
.thumbLF{margin:0px 10px 3px 0px; float:left;}
.thumbRF{margin:0px 0px 3px 10px;float:right; }

.container { width:100%; text-align:left; height:auto; }  

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

.foot {clear:both;} 

.gal:before { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.gal:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.gal {margin-top:20px;}

.section {color:inherit; }
.section .title {font-size:xx-large; margin-left:-180px; }
.section .title a {color:#d42e12;}
.section .title a:hover{ background:none}
.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;}