/*** LIONEL HOCHE : FEUILLE DE STYLES ***/

/*** Styles generaux ***/
* {
	margin : 0;
	padding : 0;
	border : 0 none ;
}
html { font-size : 100% }
body {
	font : normal 62.5% Arial, Helvetica,sans-serif; /* .75em */
	color : #000 ;
	padding : 0 ;
}

h1 { font-size : 1.6em }
h2 { font-size : 1.4em }
h3 { font-size : 1.3em; line-height : 18px }
h4 { font-size : 1.2em;  line-height : 16px }
h5 { font-size : 1.1em; line-height : 14px  }
h6 { font-size : 0.9em; line-height : 12px  }

.bold, .b {
	font-weight : bold ;
}

.cl , .cl10, .cl20 { clear : both ; height : 1px ; overflow : hidden }
.cl10 { height:10px; line-height: 10px; }
.cl20 { height:20px; line-height: 20px; }

dl, dt, dd, ul, li {margin : 0;padding : 0;list-style-type : none }

.aleft { text-align : left }
.acenter { text-align : center }
.aright { text-align : right }
.fleft { float : left }
.fright { float : right }

a, a:hover, a:visited, a:focus, a:visited {
	text-decoration : none ;
	color : #000;
}

div.barre-hori {
	background : transparent url(../images/barre-horiz-blanc.png) repeat-x scroll 3px 0;
	height : 8px ;
	width : 100%;
	border : 0 ;
	margin : 5px 0 ;
}

div.noir {
	background : transparent url(../images/barre-horiz-noir.png) repeat-x scroll 3px 0;
}

/*** BLOC PRINCIPAL ***/
#container {
	position : absolute ;
	height : 100% ;
	width : 100% ;
	top : 0 ;
	left : 0 ;
	right : 0 ;
	bottom : 0 ;
	overflow : hidden ;
}

/*** GENERAL ***/
.normal-text {text-align:justify; font-size : 1.1em; line-height : 14px;}
img.toggle, img.close { vertical-align: middle }
.txt p { position : relative }

/*** BARRE DE + / - ***/
.plusbar {
	position : absolute ;
	bottom : 0 ;
	right : 0 ;
	left : 0 ;
	height : 37px ;
	z-index: 100 ;
}

.plusbar .top {
	width: 100%;
	height: 1px;
}
.plusbar .bot {
	height : 27px ;
}
.opacity1 {	opacity:0.1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10) }
.opacity2 {	opacity:0.2;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20) }
.opacity3 {	opacity:0.3;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30) }
.opacity4 {	opacity:0.4;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40) }
.opacity5 {	opacity:0.5;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50) }
.opacity6 {	opacity:0.6;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60) }
.opacity7 {	opacity:0.7;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70) }
.opacity8 {	opacity:0.8;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80) }
.opacity9 {	opacity:0.9;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90) }
.opacity10{ opacity:1;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100) }

.video-on {
	position : absolute ;
	top : 0 ;
	left : 0;
	background : transparent url(../images/video_on.png) no-repeat scroll 0 0;
	width : 230px;
	height : 170px;
}

/*** FOOTER FIXED ***/
#footer {
	z-index: 5000 ;
	position : fixed ;
	bottom : 0;
	height : 37px ;
	width : 100% ;
}
#footer #footer-marger {
	width : 832px ;
	margin : 0 auto ;
}
#footer #foot-txt {
	margin-left : 44px ;
	background-color : #000 ;
	color : #fff ;
	font-size : 1.1em;
	width : 802px;
	height: 33px;
	padding-top: 4px;
	text-align : center ;
}
div#footer div#foot-txt a#alphastudio:hover {
	color: #e00;
}
div#footer div#foot-txt a, div#footer div#foot-txt a:hover, div#footer div#foot-txt a:active, div#footer div#foot-txt a:visited {
	color : #ccc ;
	text-decoration : none ;
}

/******************** MAUVAIS NAVIGATEURS *****************/
body#badbrowser #container {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 800px;
	margin-left: -400px; /* moitié de la largeur */
	height: 500px;
	margin-top: -250px; /* moitié de la hauteur */
}
body#badbrowser #container .optim-txt {
	line-height : 24px;
	font-size : 1.2em;
}
body#badbrowser #container img {
	margin: 0 auto;
	text-align:center;
}
body#badbrowser #foot-txt {
	margin-left: 0;
	width : 832px
}

/*** BOUTONS DEPLIER / REFERMER UN BLOC  ***/
.plus, .moins {
	width : 25px ;
	height : 27px ;
	margin-right: 8px;
}
.plus {
	background : transparent url(../images/open.png) no-repeat scroll 0 0;
}
.moins {
	background : transparent url(../images/close.png) no-repeat scroll 0 0;
}
.blank-background {
	background : none ;
}
.plus a, .moins a {
	width : 25px ;
	height : 27px ;
}

/*** DROPDOWN MENU CONTAINER ***/
#mainleft-middle #menu {
	position : absolute ;
	width : 100% ;
	height : 22px ;
	top : 0 ;
	right : 0 ;
}
#mainleft-middle #menu #rightbarre {
	z-index: 50 ;
	position : absolute ;
	width : 376px ;
	height : 20px ;
	top : 0 ;
	right : 0 ;
}
#mainleft-middle #menu #rightbarre #languages {
	z-index: 51 ;
	position : absolute ;
	line-height : 14px ;
	width : 150px ;
	top : 4px ;
	bottom : 4px ;
	right : 170px ;
}
#mainleft-middle #menu #rightbarre #selmenu-div {
	z-index: 5000 ;
	position : absolute ;
	height : 29px ;
	right : 0 ;
	width : 215px;
	vertical-align : middle ;
	background : transparent url(../images/menu_shadow.png) no-repeat scroll 3px 0;
	color : #fff ;
}

#selmenu-div:hover {cursor : pointer}
#selmenu-div a:hover {text-decoration : none}

#selmenu-div #main-menu {
	position : absolute;
	padding-left : 36px ;
	height : 29px;
	line-height : 22px;
	right : 0;
	width : 174px;
	vertical-align : middle;
	background : transparent url(../images/fleche-bas.png) no-repeat scroll 10px 6px;
	color : #fff;
	font-size : 1.2em;
	z-index: 5000;
}

#main-menu * {z-index: 5000}

/*** DROPDOWN MENU ***/
#menus {
	position: absolute;
	top: 22px;
	width: 213px;
	left : 2px ;
	z-index: 5000;
}
#menus #left-shadow {
	float : left ;
	width : 5px ;
	height : 109px ;
	background : transparent url('../images/menu-left-shadow.png') repeat-y scroll 0 0 ;
}
#menus #bottom-shadow {
	clear : both ;
	width : 214px ;
	height : 7px ;	/* 8px */
	background : transparent url('../images/menu-bottom-shadow.png') repeat-y scroll 0 0 ;
}
#menu-der {
	float : left ;
	width : 208px;
	padding : 0;
	z-index: 7500;
}

dd ul { border-bottom : 1px solid #999 }
#menu-der dt , #menu-der li {
	cursor : pointer;
	height : 17px;
	line-height : 17px;
	font-size : 1.2em;
	border-bottom : 1px solid #999;
	background-color : #000;
	width : 209px;
	color: white;
}
#menu-der li { border : 0 none}

#menu-der dt.menu-open a {
	background: #666 url(../images/fleche-bas.png) no-repeat 9px center ;
}
#menu-der dt.menu-close a {
	background: #000 url(../images/fleche-droite.png) no-repeat 9px center ;
}

#menu-der dd {
	width : 209px ;
}
#menu-der li {
	background-color : #000;
	width : 209px;
}
#menu-der li a, #menu-der dt a {
	padding-left : 35px ;
	color: white;
	text-decoration : none;
	display : block;
	border : 0 none;
	height : 17px;
}
#menu-der dt a:hover, #menu-der dt:hover, #menu-der li a:hover {
	background-color : #666;
}