*{}


/*---------------------------------------*/
/* Links
---------------------------------------- */

a, a:visited {
	text-decoration: none;
	color: #777;
	border:none;
}

a:hover {
	color: #FF5A00;
	border:none;
}

a:focus {
	outline: thin dotted;
}

/* Better CSS outline suppression: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {
	outline: none;
}

/*---------------------------------------*/


html {
 margin:0;
 padding:0;
 border:0;
 height:100%;
 width:100%;
 overflow:visible;
 display:block;
}

body {
 display:block;
 position:absolute;
 margin:0; padding:0; border:0;
 height:100%; width:100%;
 margin: auto;
 background-color: white;
 color:white;
 overflow:auto;
 overflow-x:hidden;
 font-family: 'Open Sans', sans-serif;
 font-size:12px;
 font-weight:400;
}

h1, h2, h3, h4, h5, h6 {
color:#FF5A00;
}

#docwrapper {
 position:absolute;
 margin:0; padding:0; border:0;
 width:100%;
 height:100%;
 text-align:left;
 overflow:auto;
 z-index:10;
}

#leftwrapper {
 position:absolute;
 margin:0; padding:0; border:0;
 left:0;top:0;
 width:220px;
 background-color: transparent;
 background-image: url(../fond/0d0d0d_70.png);
 height:100%;
 text-align:left;
 overflow:hidden;
 z-index:15;
}
#leftcontent {
 position:absolute;
 margin:0; padding:20px 20px 100px 20px; border:0;
 left:0;top:0;
 text-align:left;
 overflow:auto;
 z-index:15;
}
#leftombre {
 position:absolute;
 margin:0; padding:0; border:0;
 left:220px;top:0;
 width:10px;
 height:100%;
 background-color: transparent;
 background-image: url(./gfx/header-ombre4.png);
 background-repeat: repeat-y;
 z-index:15;
}
#leftfootercontent{
 display:block;
 position:absolute;
 bottom:0;
 width:100%;
 z-index:16;
}

/** layout **/
#header_logo {
overflow:hidden;
display:block;
position:relative;
}
#header_logo img{
border:0;margin:0; padding:0;
display:block;
position:relative;
}
#header_logo a{
border:0;margin:0; padding:0;
padding-left:0px;
display:block;
position:relative;
overflow:visible;
font-weight:700;
font-size:1.166667em;
text-transform:uppercase;
color:white;
}
#header_logo a:hover{
color:#FF5A00;
}
/** header menu **/
#header_menu {
display:block;
position:relative;
padding:20px 0px;
}
#header_menu ul {
position: relative;
display:block;
margin:0;border:0;padding:0;
width:100%;
padding:1px 0;
z-index:50;
}
#header_menu ul li{
position:relative;
margin:0;border:0;padding:0;
display:block;
text-transform:none;
list-style:none;
height:100%;
padding:0px 2px;
z-index:50;
}
#header_menu ul li a{
display:block;
width:100%;
height:100%;
margin:0;border:0;padding:0;
/*font-size:1.083em;*/
text-decoration:none;
outline:none;
font-weight:400;
color:white;
}
#header_menu ul li a:hover,#header_menu ul li span:hover,#header_menu ul li.active > a,#header_menu ul li > a.liveboxmenuopen{
text-decoration:none;
outline:none;
border:0;
color:#FF5A00;
}
#header_menu ul.menuhaut > li{
padding-top:15px;
}
#header_menu ul.menuhaut > li > a{
font-weight:700;
}
#header_menu ul.menuhaut > li ul{
padding-left:2px;
}

/** footer menu **/
#footer_menu {
display:block;
position:relative;
width:auto;
 padding:0 20px 10px 20px ;
 background-color: transparent;
 background-image: url(../fond/0d0d0d_80.png);
}
#footer_menu_top{
color:white;
border-top:1px solid #838383;
height:10px;
}
#footer_menu ul {
position: relative;
display:block;
margin:0;border:0;padding:0;
width:100%;
padding:1px 0;
z-index:50;
}
#footer_menu ul li{
position:relative;
margin:0;border:0;padding:0;
display:block;
text-transform:none;
list-style:none;
height:100%;
padding:0px 2px;
z-index:50;
}
#footer_menu ul li a{
display:block;
width:100%;
height:100%;
margin:0;border:0;padding:0;
font-size:1em;
text-decoration:none;
outline:none;
font-weight:400;
color:white;
}
#footer_menu ul li a:hover,#footer_menu ul li.active > a,#footer_menu ul li > a.liveboxmenuopen{
text-decoration:none;
outline:none;
border:0;
color:#FF5A00;
}
#footer_menu ul.menuhaut > li{
padding-top:15px;
}
#footer_menu ul.menuhaut > li > a{
font-weight:700;
}
#footer_menu ul.menuhaut > li ul{
padding-left:2px;
}
/** footer realisation **/
#footer_realisation {
display:block;
position:relative;
width:auto;
padding:20px;
font-size:0.9166667em;
color:#898989;
 background-color: transparent;
 background-image: url(../fond/0d0d0d_95.png);
}

/* TEXTBOX **/
#contentwrapper {
display:block;
 position:relative;
 margin:0; padding:0px; border:0;
 margin-left:220px;
 width:400px;
 height:100%;
 background-image: url(../fond/191919_95.png);
/* background-color:#191919;*/
 color:white;
 text-align:left;
 overflow:hidden;
 z-index:10;
}
#contentombre {
 position:absolute;
 margin:0; padding:0; border:0;
 left:620px;top:0;
 width:10px;
 height:100%;
 background-color: transparent;
 background-image: url(./gfx/header-ombre4.png);
 background-repeat: repeat-y;
 z-index:15;
}

#contentextrawrapper {
display:block;
 position:absolute;
 top:0;left:0;
 margin:0; padding:0px; border:0;
 margin-left:620px;
 width:220px;
 height:100%;
 background-image: url(../fond/333333_95.png);
/* background-color:#191919;*/
 color:white;
 text-align:left;
 overflow:hidden;
 z-index:9;
}
#contentextra{
 margin:0; padding:20px; border:0;
 text-align:left;
 z-index:10;
 position:absolute;
}
#contentextraombre {
 position:absolute;
 margin:0; padding:0; border:0;
 left:840px;top:0;
 width:10px;
 height:100%;
 background-color: transparent;
 background-image: url(./gfx/header-ombre4.png);
 background-repeat: repeat-y;
 z-index:15;
}


#contentwrapper.actualites{
width:460px;
}
#contentombre.actualites {
 left:680px;
}

#contentwrapper.article_serie{
width:670px;
}
#contentombre.article_serie {
 left:890px;
}
#contentextrawrapper.article_serie {
 margin-left:890px;
 width:220px;
}
#contentextraombre.article_serie {
 left:1110px;
}

#contentwrapper.article_parutions{
width:440px;
}
#contentombre.article_parutions {
 left:660px;
}
#contentextrawrapper.article_parutions {
 margin-left:660px;
 width:220px;
}
#contentextraombre.article_parutions {
 left:880px;
}

#contentwrapper.nocontent{
display:none;
}
#contentombre.nocontent {
display:none;
}
#contentextrawrapper.nocontent {
display:none;
}
#contentextraombre.nocontent {
display:none;
}

#contentwrapper.contenterror{
width:auto;
margin-right:50px;
}
#contentombre.contenterror {
 left:auto;right:40px;
}
#contentextrawrapper.contenterror {
display:none;
}
#contentextraombre.contenterror {
display:none;
}

#docwrapper.nopicture #contentwrapper
{
background:transparent;
color:black;
}

#docwrapper.nopicture #contentombre
{
display:none;
}

#content{
 margin:0; padding:20px; border:0;
 text-align:left;
 z-index:10;
 position:absolute;
}

.article-content{
display:block;
position:relative;
}
.article-titre{
color:#FF5A00;
font-size:1em;
}


/** article / diaporama **/

#listeminis {
 list-style-type: none;
padding:0;margin:0;border:0;
margin-top:20px;
}
#listeminis  li {
position:relative;
display:block;
float:left;
width:80px; height:80px;
border:0;margin:0;padding:0;
margin:0 10px 10px 0;
}
#listeminis  li img {
width:80px; height:80px;
border:0;margin:0;padding:0;
}
#listeminis  a {
border:0 !important;
}

/** -- diaporama parutions -- **/
#parutions_wrapper{
	border: 0 none;
	width:400px; height:250px;
	position: relative;
	z-index: 5;
	overflow:hidden;
	background-color:transparent;
}
#parutions_container {
	overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */
	position: absolute;
	top:0;
	padding: 0;
	border:0;
	margin:0;
	height: 100%;
	width:100%;
	overflow:visible;
	z-index: 5;/*border:1px solid #FF5A00;*/
}

#parutions_nav {
    border: 0 none;
    height: 80%;
    
    left: 0;top:10%;
    list-style: none outside none;
    margin: auto;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 91;
}
#parutions_nav li {
    border: 0 none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 35%;
    height: 100%;
    top:0;
    margin-top:0;
    display: block;
    text-indent: -9999px;
}
#parutions_prev {
    left: 0px !important;
}
#parutions_pause {
    left: -40px !important;
    display:none !important;
}
#parutions_next {
    right: 0px !important;
}
#parutions_nav li a {
    border: 0 none;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    background-color:transparent;
    background-image:none;
    background-repeat:no-repeat;
    background-position:center center;
    
}
#parutions_prev a{
    background: transparent;
    background-position:left center !important;
}
#parutions_prev a:hover {
    background-image: url("gfx/fleche_gauche_off.png");
}
#parutions_prev a:active {
    background-image: url("gfx/fleche_gauche_on.png");
    
}
#parutions_pause a {
    background-image: url("pause.png");
}
#parutions_next a{
    background: transparent;
    background-position:right center !important;
}
#parutions_next a:hover {
    background-image: url("gfx/fleche_droite_off.png");
}
#parutions_next a:active {
    background-image: url("gfx/fleche_droite_on.png");
}
#parutions_nav a:active {
    outline: none;
}
#parutions_nav a:focus {
    outline: none;
}

#parutions_slides {
	list-style: none;
	display:block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin:0;
	border:0;
	overflow:visible;
	position:relative;
}

#parutions_slides li {
	display:block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin:0;
	border:0;
	margin: 0 0 0 0;
}


/*----------------- Diaporama / Slideshow / fullscreen----------------------*/
#diaporama_wrapper {
	border: 0 none;
	width:100%; height:100%;
	position: absolute;
	z-index: 5;
	overflow:hidden;
	background-color:#f0f0f0;
}

#diaporama_overlay {
	overflow: hidden;
	position: absolute;
	top:0;
	padding: 0;
	border:0;
	margin:0;
	height: 100%;
	width:100%;
	z-index: 6;
	background: url("./gfx/bgmotif.png") repeat transparent;
}

#diaporama_container {
	overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */
	position: absolute;
	top:0;
	padding: 0;
	border:0;
	margin:0;
	height: 100%;
	width:100%;
	overflow:visible;
	z-index: 5;/*border:1px solid #FF5A00;*/
}

#diaporama_control {
	position: absolute;
	right: 5px;
	bottom: 50px;
	z-index: 9999;
	width:34px;
	/*	width:50px;
	height:200px;*/
}

#aramiscommand {
	border: 0 none;
	list-style: none outside none;
	margin: auto;
	padding: 50px 0;
	position:relative;
}

#diaporama_nav {
	border: 0 none;
	list-style: none outside none;
	margin: auto;
	padding: 0;
	position:relative;
}

#aramiscommand li a {
	display: block;
	width: 34px;
	height: 28px;
	padding:0;
	margin:0;
	border:0;
	text-indent: -9999px;
}

#diaporama_nav li a {
	display: block;
	width: 34px;
	height: 28px;
	padding:0;
	margin:0;
	border:0;
	text-indent: -9999px;
}

/** #diaporama_nav ...*/
#diaporama_prev a {
	background: url(prev.png);
}

#diaporama_pause a {
	background: url(pause.png);
}

#diaporama_next a {
	background: url(next.png);
}

#diaporama_nav a:active {
	outline: none;
}

#diaporama_nav a:focus {
	outline:none;
}

#diaporama_slides {
	list-style: none;
	display:block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin:0;
	border:0;
	overflow:visible;
	position:relative;
}

#diaporama_slides li {
	display:block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin:0;
	border:0;
	margin: 0 0 0 0;
}

/*---------------------------------------*/

#header_langue{
margin:0;border:0;padding:0;
position:absolute;
right:0; top:0;
display:block;
width:100px;
 background-color: transparent;
 background-image: url(../fond/0d0d0d_70.png);
margin-top:0px;
/*height:6em;*/
z-index:99;
overflow:hidden;
/*display:none;*/
}
#header_langue ul{
margin:0;border:0;padding:0;
width:100px;
overflow:auto;
overflow:hidden;
/*height:6em;*/
}
#header_langue ul li{
margin:0;border:0;padding:0;
display:block;
float:left;
text-transform:none;
list-style:none;
/*width:100%;*/
height:36px;
line-height:34px;
font-size:1em;
overflow:hidden;
}

#header_langue ul li.locale_select a{
padding-left:30px;
margin-left:10px;
background-repeat:no-repeat;
background-position:left center;
border:none;
}
#header_langue ul li.locale_select span{
font-size:0.7em;
}
#header_langue ul li a.langue_fr{
background-image:url(gfx/drapeau_fr_nb.png);
}
#header_langue ul li a.langue_de{
background-image:url(gfx/drapeau_de_nb.png);
}
#header_langue ul li a.langue_en{
background-image:url(gfx/drapeau_en_nb.png);
}

#header_langue ul li a.langue_fr:hover{
background-image:url(gfx/drapeau_fr_c.png);
}
#header_langue ul li a.langue_de:hover{
background-image:url(gfx/drapeau_de_c.png);
}
#header_langue ul li a.langue_en:hover{
background-image:url(gfx/drapeau_en_c.png);
}


#header_langue ul li.locale_actual {
width:80px;
}
#header_langue ul li.locale_actual span{
padding-left:30px;
margin-left:10px;
background-repeat:no-repeat;
background-position:left center;
}
#header_langue ul li.locale_actual a{
font-size:0.7em;
border:none;
background-image:url(gfx/langue_fleche_off.png);
background-repeat:no-repeat;
background-position:10px center;
padding:5px;
padding-left:100%;
}
#header_langue ul li.locale_actual a:hover{
background-image:url(gfx/langue_fleche_on.png);
}
#header_langue ul li.locale_actual span.langue_fr{
background-image:url(gfx/drapeau_fr_c.png);
}
#header_langue ul li.locale_actual span.langue_de{
background-image:url(gfx/drapeau_de_c.png);
}
#header_langue ul li.locale_actual span.langue_en{
background-image:url(gfx/drapeau_en_c.png);
}

/*---------------------------------------*/

/* // Diaporama block
#diaporama_nav {
    border: 0 none;
    height: 80%;
    
    left: 0;top:10%;
    list-style: none outside none;
    margin: auto;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 91;
}
#diaporama_nav li {
    border: 0 none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 35%;
    height: 100%;
    top:0;
    margin-top:0;
    display: block;
    text-indent: -9999px;
}
#diaporama_prev {
    left: 0px !important;
}
#diaporama_pause {
    left: -40px !important;
    display:none !important;
}
#diaporama_next {
    right: 0px !important;
}
#diaporama_nav li a {
    border: 0 none;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    background-color:transparent;
    background-image:none;
    background-repeat:no-repeat;
    background-position:center center;
    
}
#diaporama_prev a{
    background: transparent;
    background-position:left center !important;
}
#diaporama_prev a:hover {
    background-image: url("gfx/fleche_gauche_off.png");
}
#diaporama_prev a:active {
    background-image: url("gfx/fleche_gauche_on.png");
    
}
#diaporama_pause a {
    background-image: url("pause.png");
}
#diaporama_next a{
    background: transparent;
    background-position:right center !important;
}
#diaporama_next a:hover {
    background-image: url("gfx/fleche_droite_off.png");
}
#diaporama_next a:active {
    background-image: url("gfx/fleche_droite_on.png");
}
#diaporama_nav a:active {
    outline: none;
}
#diaporama_nav a:focus {
    outline: none;
}

*/

/*** Page live **/
#livebox{
display:block;
/*border-top:1px solid #EEE;
border-bottom:1px solid #EEE;*/
 background-color: transparent;
 background-image: url(../fond/0d0d0d_80.png);
clear:both;
}
#livebox > .liveboxcontainer > div {
margin:10px;
}
#livebox .article-titre {
display:none;
}
/*.pageleft {
display:block;
float:left;
width: 420px;
}
.pageright{
display:block;
padding-left:430px;
}
#header_menu li.live > a.liveboxmenuopen {
color:blue;
}
*/