* {
	margin:0;
}

html, body, a, p, ul, li, h1, h2, h3, h4, h5, h6, code, pre, div, span {
	margin:0;
	padding:0;
}

body { 
	margin:0;
	padding:0;
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5;
}

button { 
	cursor:pointer;
	font-size:1em;
	background-color:#000;
	color:#fff;
}

button:focus , select:focus, #menuAccess a:focus { 
	font-weight:bold; 
	border:2px solid #fff; 
	margin:0px;
	outline:none;
}

select { 
	font-size:0.95em;
	background-color:#000;
	color:#fff;
}

img {
	border:0px;
}

a {
	outline:none;
	color:#fff;
}

#tcAnchor {
	position:relative;
	top:5px;
	margin:2px;
}

#tcAnchor:focus {
	margin:0;
}

.main { 
	margin:auto;
	width:1024px;
	min-height:100%;
	position:relative;
}
.header { 
	position:relative;
}
.mainContent { 
	position:relative;
}
.panGauche { 
	float:left;
	width:250px;			/* NOTA: width fixe spécifiée */
	background-color:#000;
	display:inline-block;
	padding:10px;
	position:relative;
}	

/*
COLONNE FACTICE sous panGauche: juste pour avoir la emem couleur de bg que le backround, jusqu'en bas; 
270px = 250 de width + padding left & right background-color:#f00; 
*/
.panGaucheFactice {
	position:absolute;
	left:0;
	top:0;
	width:270px;
	height:100%;
	z-index:-1;
	background-color:#000;
}

.panel {
	display:block;
	margin-left:270px;			/* ATTENTION, margin-left dépend de width, padding L &R de panGauche */
	height:100%;
	position:relative;
}	

.panelFooter {
	display:block;
	margin-left:270px;
	position:relative;
}

.footer {
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}
.footer a {
	font-size:1em;
	text-decoration:none;
	color:#fff;
}

#menuAccess a {
	display:inline-block;
}

.menuAccess {
	background-color:#000;
	color:#fff;
	font-size:1em;
	position:relative;
}

.bar-lang {
	background-color:#000;
}
	
.list-lang {
	list-style:none;
	display:inline;
}
	
.list-lang li {
	display:inline;
}

.list-lang a {
	display:inline-block;
	margin:2px;
}
	
.list-lang a:focus {
	margin:0;
	border:2px solid #fff;
	outline:none;
}

#logoBox {
	float:left; 
	margin:25px; 
	width:50px; 
	height:50px;
}

#logoBox2 {
	float:right;
	margin:25px;
	width:50px;
	height:50px;
}

#logoBox:focus, #logoBox2:focus {
	margin:23px;
	border:2px solid #fff;
}

.toggler-option {
	text-decoration:none;
	color:#fff;
	cursor:pointer;
	padding:5px;
}

.icon-bottom-nav {
	list-style:none;
}

.icon-bottom-nav a {
	margin:2px;
	display:inline-block;
}

.icon-bottom-nav a:focus {
	border:2px solid #fff;
	margin:0px;
}

.icon-bottom-nav li {
	display:inline;
}

.icon-bottom-nav img {
	position:relative;
}

#buttonBar a {
	color:#fff;
}

.titre-page {
	text-align:center;
}

#logo { 
	margin:auto;
	display:block;
}

#linkFr, #linkEn {
	text-decoration:none;
	border:0px;
}
#linkFr img, #linkEn img {
	display:inline;
	top:10px;
	position:relative;
	border:0px;
}

.flagLink {
	text-decoration:none;
	border:0px;
}

.flagLink img {
	border:none;
	position:relative;
	top:10px;
}

#sommaire_title { 
	text-align:center;
	font-size:1.5em;
}

#sommaire_inner {
	padding:10px;
	overflow:visible;
	list-style:none;
	padding-left:0;
}

#sommaire_inner li { 
	display:block;
	border-bottom:1px solid #000;
}

#sommaire_inner a {
	display:block;
	text-decoration:none;
	color:#fff;
	font-size:1.15em;
}

#sommaire_inner a.whiteCol {
	color:#fff;
}

#sommaire_inner a.blackCol {
	color:#fff;
}

#sommaire_inner li:focus, #sommaire_inner a:focus {
	font-weight:bold;
	border:2px solid #fff;
	margin:0px;
	outline:none;
}

#sommaire_inner a:hover {
	color:#fff;
	text-decoration:underline;
}

#phraseBee  {
	text-align:right;
	font-size:0.75em;
	margin-top:10px;
	margin-bottom:5px;
}

#phraseBee a  {
	text-decoration:none;
	color:#fff;
}

#phraseBee a:hover {
	text-decoration:underline;
	color:#fff;
}

#textNoFlash {
	width:90%;
	margin:auto;
	padding:5px;
	margin-bottom:10px;
	background-color:#000;
	border:1px solid #fff;
	position:relative;
	top:5px;
	font-size:1em;
	color:#fff;
}

#titreBv {
	width:90%;
	margin:auto;
	text-align:center;
	padding:5px ;
	margin-bottom:5px;
	background-color:#000;
	border:1px solid #fff;
	color:#fff;
}

#titreBv h1 {
	padding:0;
	margin:0;
}

#resumeBv {
	width:90%;
	margin:auto;
	padding:5px;
	margin-top:5px;
	margin-bottom:25px;
	border:1px solid #fff;
	color:#fff;
}

#miniature { 
	margin:auto;
}

#couvertureLink {
	margin:2px;
	display:inline-block;
}

#couvertureLink:focus {
	margin:0;
	border:2px solid #fff;
}

.spacer {
	clear:both;
}

.linkButton {
	display:inline-block;
	border:1px solid #fff;
	line-height:1.5em;
	padding:5px;
	margin:5px;
}

.linkButton a {
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	font-size:1em;
	margin:2px;
}

.linkButton a:focus, #blocAdresse a:focus, #planSite:focus, #phraseBeeLink:focus {
	font-weight:bold;
	border:2px solid #fff;
	outline:none;
	margin:0;
}

.icon {
	display:inline-block;
	padding:0;
	margin:0;
}

.iconPod {
	background:url('../home/images/logo_pod33.png') no-repeat;
	width:58px;
	height:33px;
	position:relative;
	top:10px;
}

.iconFlash  {
	background:url('../home/images/icone_flash.png') no-repeat;
	width:32px;
	height:33px;
	position:relative;
	top:10px;
}

.iconPdf  {
	background:url('../home/images/icone_pdf.png') no-repeat;
	width:32px;
	height:33px;
	position:relative;
	top:10px;
}

.iconFake {
	height:33px;
	position:relative;
	top:10px;
}

#buttonBar {
	padding-bottom:15px;
}

#couverture img {
	border:0px;
}

#couverture img:focus {
	border:3px;
}

.blocAdresse {
	display:block;
	float:right;
	margin-right:25px;
}
.blocAdresse a {
	text-decoration:none;
	color:#fff;
}

.blocAdresse a:hover {
	text-decoration:underline;
	color:#fff;
}

.blocCentre {
	display:block;
	text-align:center;
}

.rounded {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.roundedUp {
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.roundedDown {
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
}

.rounded10 {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

.roundedUp10 {
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

.roundedDown10 {
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px; 
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
}

