/*Portail 24.fr*/
/*Dataxy 2010*/



/* GENERAL */
body{
background: #222 url(images/fond.gif) repeat-y top center;
font: normal 11pt trebuchet ms, helvetica, arial, sans serif;
color: #fff;
}

#contenu{
padding: 5px 0px 5px 0px;
min-height: 1090px;
width:980px;
margin:0 auto;
}

a{
color: #ff0;
text-decoration: none;
outline: none;
}
a:hover{
color: #fff;
text-decoration: none;
}
a:active{
padding-left: 2px;
}

input,
textarea{
background: #917c6f !important;
border: none !important;
}

ul{
list-style: none;
}

/* TITRE HAUT */

#barre_titre{
display: none;
}

/* MENU HORIZONTAL */

#barre_onglets{
display: none;
}


/* COLONNE 1 - MENU VERTICAL */

#colonne{
background: url(images/fond.png);
position: relative;
top: 30px;
width: 225px;
float: right;
margin: 0px 5px 0px 0px;
padding: 0px 10px;
z-index: 1;
}

#colonne span{
width: 235px;
display: block;
height: 30px;
background: #181818;
font-size: 12pt;
font-family: Aharoni, Century Gothic, trebuchet ms, helvetica, arial, sans serif;
text-transform: uppercase;
margin: 0px 0px 5px -10px;
padding: 10px 0px 0px 10px;
}
#colonne ul li a{
display: block;
text-decoration: none;
}
#colonne .zone{
margin: 0px 0px 15px 0px;
}


/* COLONNE 2 - FOOTER */

#colonne_blocs{
position: relative;
left: 0px;
top: 50px;
background: #222;
width: 980px;
height: 150px;
float: left;
}
#colonne_blocs ul{
padding: 0px;
}
#colonne_blocs h2{
font-size: 11pt;
}
#colonne_blocs .zone{
width: 200px;
float: left;
}


/* COLONNE 3 - HAUT */

/* Logo */
.logofr,
.logoes,
.logode,
.logoit,
.logouk,
.logonl{
position: absolute;
left: 50%;
top: 0px;
margin-left: -491px;
width: 982px;
height: 400px;
}
.logofr h2,
.logoes h2,
.logode h2,
.logoit h2,
.logouk h2,
.logonl h2{
display: none;
}

.logofr{
background: #222 url(images/logofr.gif) no-repeat left 5px;
}
.logoes{
background: #222 url(images/logoes.gif) no-repeat left 5px;
}
.logode{
background: #222 url(images/logode.gif) no-repeat left 5px;
}
.logoit{
background: #222 url(images/logoit.gif) no-repeat left 5px;
}
.logouk{
background: #222 url(images/logouk.gif) no-repeat left 5px;
}
.logonl{
background: #222 url(images/logonl.gif) no-repeat;
}

/* Haut */
.haut{
position: absolute;
top: 0px;
margin-right: 50%;
right: -123px;/*-490+367*/
}
.haut h2{
display: none;
}
.haut li{
float: right;
}
.haut a{
display: block;
height: 24px;
background: #917c6f url(images/onglet.gif) no-repeat right;
padding: 1px 26px 0px 5px;
margin: 0px 4px 0px 0px;
color: #fff;
font-weight: bold;
}
.haut a:hover{
padding: 3px 26px 0px 5px;
}
.haut a:active{
padding: 4px 26px 0px 5px;
}

/* rss */
.rss{
position: absolute;
top: 0px;
margin-right: 50%;
right: -284px;/*-490+206*/
}
.rss h2{
display: none;
}
.rss a{
display: block;
width: 127px;
height: 24px;
background: #917c6f url(images/rss.gif) bottom;
padding: 1px 0px 0px 31px;
margin: 0px 4px 0px 0px;
color: #fff;
font-weight: bold;
}
.rss a:hover{
padding: 3px 0px 0px 31px;
}
.rss a:active{
padding: 4px 0px 0px 31px;
}

/* Moteur de recherche */
.recherche{
position: absolute;
top: 0px;
margin-right:50%;
right: -490px;
width: 207px;
height: 24px;
background: #917c6f url(images/onglet.gif) no-repeat right;
padding: 1px 0px 0px 0px;
}
.recherche:hover{
padding: 3px 0px 0px 0px;
}

.recherche h2{
display: none;
}
.recherche input{/*bouton*/
position: absolute;
top: 1px;
left: 156px;
color: #C8BEB7;
width: 30px;
text-transform: uppercase;
font-weight: bold;
cursor: pointer;

margin-left: -5px \9;
}
.recherche input:hover{
color: #fff;
}
.recherche input:active{
left: 158px;
}
#sbi2{/*champ*/
position: absolute;
top: 1px;
left: 4px;
background: #fff !important;
width: 150px;
color: #917c6f;
text-transform: lowercase;
font-weight: normal;

margin-left: 0px \9;
}

#comm{
background: none !important;
padding: 0px;
}

/**//* SLIDER *//**/

#fond-slidervisio1,
#fond-slidervisio2{
width: 550px;
height: 156px;
z-index: 0;
position: absolute;
left: 50%;
margin-left: -240px;
}
#fond-slidervisio1{
top: 40px;
}
#fond-slidervisio2{
top: 220px;
}

.container {
width: 550px; 
height: 156px; 
overflow: hidden; 
position: relative; 
z-index: 3;
}

.slides { 
position: absolute;
}

.slides > div {
position: absolute; 
top: 0px; 
width: 550px; 
display: none;
}

#loopedSlidervisio1,
#loopedSlidervisio2 {
margin: 0 auto; 
width: 550px; 
position: relative; 
}

/* contenu */

#titre-slidervisio1,
#titre-slidervisio2 { 
display: none;
}

.photo-slider {
float: left; 
position: relative;
top: 38px;
left: 25px;
}

.photo-slider img{
width: 130px;
}

.description{
position: relative;
display: block;
width: 360px;
margin: 10px 0px 0px 165px;
text-align: justify;
}

.description u{
text-decoration: none;
font-size: 12pt;
position: relative;
top: 25px;
}

.description h2{
font-size: 15pt;
font-family: Aharoni, Century Gothic, trebuchet ms, helvetica, arial, sans serif;
text-transform: uppercase;
position: relative;
top: -25px;
left: -140px;
margin: 0px 0px 0px 0px;
}

.description p{
position: relative;
top: 10px;
}

.description i{
display: none;
}

.description a{
position: absolute;
top: 0px;
right: 0px;
font-size: 1px;
display: block;
width: 500px;
height: 150px;
text-align: right;
color: #222;
}
.description p a{
position: relative;
top: 0px;
right: 0px;

}

.previous, .next {
height: 29px; 
width: 17px; 
position: absolute;
top: 80px; 
cursor: pointer; 
z-index: 100;
}

.previous { 
background: url(images/fleche1.gif) no-repeat 2px;
left: 0px;
}
.previous:hover{ 
background: url(images/fleche1-2.gif) no-repeat 2px;
}
.previous:active{ 
background: url(images/fleche1-2.gif) no-repeat 0px;
}

.next {
background: url(images/fleche2.gif) no-repeat;
right: 0px;
}
.next:hover{ 
background: url(images/fleche2-2.gif) no-repeat;
}
.next:active{ 
background: url(images/fleche2-2.gif) no-repeat 2px;
}

 /**//**/

/* MAIN */

#main_11{
width: 720px;
}

#page{
margin: 410px auto 0px auto;
width: 980px;
padding: 0px 0px 0px 0px;
}

.titres_haut{
position: absolute;
top: 375px;
z-index: 2;
}
.titres_bas{
display: none;
}

.pages{
text-align:center;
font-size: 11pt;
margin: 0px 0px 10px 0px;
}
.pages a{
background: url(images/fond.png);
color:#ff0;
}
.pages a:hover{
color:#fff;
}

.fen{
position: relative;
z-index: 1;
width: 695px;
margin: 0px 0px 10px 5px;
padding: 0px 10px 10px 10px;
background: url(images/fond.png);
text-align: justify;
float: left;
}
.fen h2{
display: block;
width: 715px;
height: 30px;
padding-top: 10px;
background: #181818;
text-align:center;
font-size:15pt;
font-family: Aharoni, Century Gothic, trebuchet ms, helvetica, arial, sans serif;
text-transform: uppercase;
margin: 0px 0px 0px -10px;
}
p.espace_article{
font-size: 1px !important;
}

.fen .zone{
width: 700px;
margin: 20px 0px 0px 0px;
}
.fen .zone h2{
display: none;
}

/*comentaires*/
.liens{
margin-top: 5px;
}
.liens ul{
list-style: none;
text-align: right;
color: white;
}
.liens a{
color: #ff0;
font-style: normal;
}
.liens a:hover{
color: #fff;
}
.comments{
background: #917C6F;
padding: 10px 13px 10px 10px;
margin-top: 10px;
}
.comments h3{
font-size: 12pt !important;
}
.comments ul li{
border-color: #fff;
}
.comments ul li em{
padding-bottom: 10px;
padding-left: 0px;
margin-bottom: 10px;
border: none;
}

.nc{
background: none;
color: #fff !important;
font-size: 10pt;
}
#new_comment h3{
margin-bottom: -20px;
}
#new_comment textarea{
width: 440px;
border: none;
}
#new_comment input{
border: none;
}

/*date*/
.infos{
text-align: center;
margin-bottom: 10px;
font-size: 10pt;
color: #fff;
}
.infos em{
font-style: normal;
}


/*visionneuse photo*/

.fen table{
margin: 0px 20px 10px 0px !important;
-margin: 0px 0px 10px 0px !important;
}
.fen table a{
cursor: default !important;
}
a img{
border: none;
}
.apercus_photos{
position: relative;
left: 50%;
width: 300px;
margin: 0px 0px 10px -150px;
}
.apercus_photos a img{
opacity: 0.5;
-ms-filter: "alpha(opacity=50)";
filter : alpha(opacity=50); 
}
.apercus_photos a:hover img{
opacity: 1;
-ms-filter: "alpha(opacity=100)";
filter : alpha(opacity=100); 
}
.commentaire_photo{
text-align: center;
font-style: italic;
}
.fen hr{
margin: 0;
width: inherit;
clear: none;
}


/* SOMMAIRE */

.sommaire tr:hover{
background: #282828 !important;
}
.sommaire td{
padding:1px 5px 1px 5px !important;
border: none !important;
}
.sommaire td a{
color: #fff;
}

/*IMAGE SOURCE (le direct)*/
#imagesource{
width: 320px;
height: 240px;

}
/*VIDEOS-ARCHIVES CHAT*/
#liste_last_videos li{
float: left;
list-style: none;
margin-left: 10px;
text-align: center;
}
#placeholder_archive{
margin-top: -360px;
min-width: 320px;
min-height: 270px;
padding-top: 20px;
}
#chatCam{
margin-left: 350px;
margin-top: -265px;
}
#chatnick{
width: 60px;
}
#chatmsg{
width: 240px;
}
#derniers_films{
margin-left: -35px;
}



/* FORMULAIRE */

#formulaire_contact input[type=text] {
border: #fa0 2px solid;
width: 400px;
display: block;
}
#formulaire_contact input[type=text]:focus {
border-color: #fff;
}
#formulaire_contact p{
display: block;
}

#message {
border: #fa0 2px solid;
width: 400px;
}
#message:focus {
border-color: #fff;
}



/*FOOTER*/
#footer{
width: 100%;
float: left;
}

/*menu footer*/

#menu-footer {
padding: 0px 0px 0px 10px;
float: left;
}

#menu-footer .zone{
width: 200px;
float: left;
padding: 0px 10px 0px 10px;
}

#menu-footer .zone ul{
list-style: none;
margin-left: -40px;
margin-left: 0px\9;
}

#menu-footer .zone a{
display: block;
font-size: 10pt;
font-weight: normal;
width: 200px;
border-bottom: 1px solid;
}

#menu-footer .zone h2{
font-size: 10pt;
color: #f30;
}
/**/

.referencement {
display: block;
visibility: visible;
width: 100%;
text-align: center;
float: left;
color: #888;
}

.referencement p {
display: block;
height: 20px;
background: #222;
padding: 3px 0px 10px 0px;
}
.referencement a {
font-size: 10pt;
font-weight: normal;
font-style: normal;
color: #888;

}
.referencement a:hover{
color: #fff;
}



/* PARTIES CACHEES */

.referencement h1{
display: none;
}
#angle {
display: none;
}
#page h1{
display: none;
}
#main_full h3{
visibility: visible;
}
#main_full .espace_article{
display: none;
}
#main .espace_article{
display:none;
}
#pub_ver#pub_verticale,#pub_verticale2{
display: none;
}
#pub_verticale,#pub_verticale2 img{
display: none;
}

.end_zone{
display: none;
}