/* CSS neutre */
/* CSS par defaut - version 4.0 */
/* Dataxy 2010 */


/* FONT */

@font-face {
font-family: 'rockwell';
src: url('font/Rock.eot'); /* IE */
	
src: local('rockwell'),
url('font/Rock.ttf') format('truetype'); /* FF */
}


/* GENERAL */

html{
padding-bottom: 15px;
}

body{
background: #211 url(images/fond.png) no-repeat top center;
font: normal 11pt arial, helvetica sans-serif;
color: #fff;
}

#contenu{
margin: 0px auto;
width: 980px;
}

a{
color: #966;/*C1*/
text-decoration: none;
outline: none;
-webkit-transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: color;
-moz-transition-duration: 0.3s;
transition-property: color;
transition-duration: 0.3s;
}
a:hover{
color: #e20;/*C2*/
text-decoration: none;
}

::-moz-selection {
background: #e20;
color:#100;
}
::selection {
background: #e20;
color:#100;
}

input[type=text],
input[type=password],
textarea,
select{
font-family: arial, helvetica sans-serif;
border: none !important;
background: #977 !important;
padding: 2px;
color: #fff;
position: relative;
z-index: 10;
cursor: text;
}
select{
cursor: pointer;
}

input[type=button],
input[type=submit],
input[type=radio],
input[type=checkbox]{
font-family: arial, helvetica sans-serif;
border: none !important;
background: none !important;
outline: none !important;
text-transform: uppercase;
color: #966;/*C1*/
cursor: pointer;
-webkit-transition-property: color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: color;
-moz-transition-duration: 0.3s;
transition-property: color;
transition-duration: 0.3s;
}
input[type=button]:hover,
input[type=submit]:hover{
color: #e20;/*C2*/
}

ul{
padding-left: 0px;
list-style: none;
}
table{
background: none;
}
img{
border: none;
}
h1,
h2,
h3{
font-weight: normal;
}

a h2{
cursor: default !important;
}


/* TITRE HAUT */

#barre_titre{
position: absolute;

-display: none;
}
#barre_titre a{
display: block;
background: grey;
width: 220px;
height: 190px;
opacity: 0;
-ms-filter: "alpha(opacity=0)";
filter : alpha(opacity=0);
}


/* MENU JQUERY */

#barre_onglets_der{
width: 690px;
height: 34px;/*H*/
margin-left: 290px;
position: relative;
z-index: 4;
}

/*menu*/
.menulink {
display: block;
height: 30px;/*H*/
padding: 4px 7px 0px 7px;
border-right: 1px solid #211;
font-size: 14pt;

/font-size: 11pt;
/padding-top: 7px;
/height: 27px;
-width: 100px;
}
#barre_onglets_der .menu li {
position: relative;
float: left;
}
.menuhover{
color: #966 !important;
cursor: default;
}

/*sous-menu*/
.menu ul {/*ne pas mettre de border top ou bottom*/
position: absolute;
width: 160px;
top: 34px;/*H*/
display: none;

opacity: 0;
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}
.menu ul li {
width: 160px;
float: left;
}
.menu ul li a {
display: block;
padding: 2px 7px 6px;
background: #422;
text-align: left;
}
.menu ul li a:hover {

}

.arrondi{
height: 5px;
background: #422;
}


/* ZONE 1 */

#colonne{
position: relative;
z-index: 200;
background: #422;
margin: 262px 0px 15px 0px;
width: 200px;
min-height: 320px;
padding: 0px 10px 0px 10px;
float: left;

-margin-top: 235px
}
#colonne h2{
font-size: 12pt;
margin: 0px 0px 3px 0px;
}

#colonne li a{
height: 20px;
display: block;
text-decoration: none;
}

#colonne .zone{
margin: 0px 0px 20px 0px;
}

/*newsletter - moteur de recherche*/

.zone p{
text-align: left !important;
padding: 0px !important;
font-size: 9pt;
}
#email{
width: 168px;
float: left;
background-color: #744 !important;
-webkit-transition-property: background-color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: background-color;
-moz-transition-duration: 0.3s;
transition-property: background-color;
transition-duration: 0.3s;
}
#email:hover,
#email:focus{
background-color: #966 !important;
}
.ok_newsletter,
#ok_recherche{
width: 27px;
clear: both;
}

.creer input{
margin-top: 7px;
}
#sbi2{
margin-left: 7px;
width: 130px;
float: left;
background-color: #744 !important;
-webkit-transition-property: background-color;
-webkit-transition-duration: 0.3s;
-moz-transition-property: background-color;
-moz-transition-duration: 0.3s;
transition-property: background-color;
transition-duration: 0.3s;

/width: 120px;
}
#sbi2:hover,
#sbi2:focus{
background-color: #966 !important;
}


/*footer*/
.footer{
position: fixed;
bottom: 0px;
right: 0px;
background: url(images/dataxy.gif) no-repeat;
background-position: 5px 5px;
width: 80px;
height: 80px;
-webkit-transition-property: background-position;
-webkit-transition-duration: 0.3s;
-moz-transition-property: background-position;
-moz-transition-duration: 0.3s;
transition-property: background-position;
transition-duration: 0.3s;
}
.footer:hover{
background-position: 0px 0px;
}
.footer h2{
display: none;
}
.footer a{
display: block;
width: 60px;
height: 60px !important;
margin: 20px 0px 0px 20px;
}


/* ZONE 2 */

#colonne_blocs {
clear: both;
height: 130px;
background: #ccc;
margin-bottom: 5px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

#colonne_blocs .zone{
width: 230px;
float: left;
margin: 10px 0px 0px 10px;
}
#colonne_blocs h2{
color: #666;
font-size: 10pt;
}

#colonne_blocs a{
display: block;
width: 220px;
border-bottom: 1px solid;
}

 
/* MAIN */

#main,
#main_10,
#main_01,
#main_11,
#main_full,
#main_full_10,
#main_full_01,
#main_full_11{
width: 740px;
padding: 10px 0px 0px 0px;
margin: 10px 0px 0px 15px;
float: right;
}

.titres_haut{
text-align: right;
font-size: 12pt;
margin: 0px 0px 15px 0px;
color: #e20;
}
.titres_bas{
display: none;
}
.titres_haut a,
.titres_bas a {
font-size: 10pt;
}

.pages{
text-align: right;
font-size: 10pt;
margin: 0px 0px 0px 0px;
}


/* SLIDER */

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

#fond-slidervisio1,
#fond-slidervisio2,
#fond-slidervisio3{
background: #333;
width: 775px;/*L*/
height: 250px;
z-index: 2;
margin-bottom: 7px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
color: #fff;
}

.container {
width: 775px;/*L*/
height: 230px; 
overflow: hidden; 
position: relative; 
z-index: 3;
}

.slides { 
position: absolute;
}
.slides > div {
position: absolute; 
top: 0px; 
width: 775px;/*L*/
display: none;
}

#loopedSlidervisio1,
#loopedSlidervisio2,
#loopedSlidervisio3{
margin: 0 auto; 
width: 775px;/*L*/
position: relative; 
}

/*contenu*/

.photo-slider {
float: left; 
position: relative;
top: 38px;
left: 30px;
}
.photo-slider img{
width: 200px;
}

.description{
position: relative;
display: block;
width: 495px;
margin: 10px 30px/*marge IE6*/ 0px 245px;
text-align: justify;
}

/*titre*/
.description h2{
font-size: 15pt;
position: relative;
top: -20px;
left: -217px;
margin: 0px 0px 0px 0px;
}

/*date*/
.underline{
text-decoration: none;
font-size: 10pt;
position: relative;
top: 25px;
}

/*texte*/
.description p{
position: relative;
top: -15px;
}

/*numero*/
.description i{
display: none;
}
/*degrade*//*
.description i{
position: absolute;
top: 160px;
left: 0px;
background: grey url(images/degrade.png) repeat-x;
display: block;
width: 550px;
height: 60px;
font-size: 1px;
color: transparent;

color: #fff \9;
-display: none;
}*/

/*lire*/
.description a{
position: absolute;
top: 25px;
right: 0px;
font-size: 1px;
display: block;
width: 550px;
height: 200px;
text-align: right;
color: #333;

background: grey \9;
-ms-filter: "alpha(opacity=0)";
filter : alpha(opacity=0);
}

/*liens normaux*/
.description p a {
position: relative;
top: 0px;
font-size: 11pt;
display: inline;
color: #966 !important;/*C1*/
z-index: 2;

background: none;
}
.description p a:hover {
color: #999!important;
}

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

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

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


/* ARTICLES */

.fen{
position: relative;
z-index: 2;
width: 710px;
margin: 7px 0px 7px 0px;
padding: 10px 15px 15px 15px;
background: url(images/transparent.png);/**/
text-align: justify;
float: right;
}
.fen h2{
text-align:center;
font-size:15pt;
margin: 0px 0px 0px 0px;
}


/* ARTICLES SPECIAUX */



/* BLOCS DANS LES ARTICLES */

.fen .zone{
width: 745px;
height: 60px;
margin: 0px;
float: left;
position: relative;
z-index: 2;
}
.fen .zone h2{
font-size: 10pt;
font-style: italic;
z-index: 2;
text-align: left;
margin-bottom: 5px;
}
.fen .zone li{
float: left;
margin-right: 10px;
}

/*pdf*/
.flash_pdf #swf{
width: 755px;
height: 1080px;
}
/*pour les ancres .fen .zone{
height: 1100px;
}*/


/* GENERAL ARTICLE */

/*date*/
.infos{
text-align: center;
padding-bottom: 5px;
font-size: 8pt;
}

/*comentaires*/
.liens{
width: 710px;
margin-top: 15px;
text-align: right;
float: left;
position: relative;
z-index: 2;
}
.comments{
padding: 10px 0px 0px 0px;
}
.comments h3{
}
.comments ul li{
margin-bottom: 15px;
}
.comments ul li,
.comments ul li em{
border-color: #ccc;/*C*/
}

/*visionneuse photo*/
.fen table{
margin: 5px 15px 0px 0px !important;

/margin: 5px 0px 0px 0px !important;
}

.fen table a{
cursor: default !important;
}
.fen table img{
border: none;
}

.apercus_photos{
text-align: center;
}
.apercus_photos a img{
width: auto;
height: 50px;
opacity: 0.5;
-ms-filter: "alpha(opacity=50)";
filter : alpha(opacity=50);
-webkit-transition-property: opacity;
-webkit-transition-duration: 0.3s;
-moz-transition-property: opacity;
-moz-transition-duration: 0.3s;
transition-property: opacity;
transition-duration: 0.3s;
}
.apercus_photos a:hover img{
opacity: 1;
-ms-filter: "alpha(opacity=100)";
filter : alpha(opacity=100); 
}

.commentaire_photo{
text-align: center;
font-style: italic;
font-size: 9pt;
}

/*video*/
.musicarticle{
margin-bottom: 15px;
}


/* FORMULAIRE */

select.erreur,
input.erreur ,
textarea.erreur{
background: #fbb !important;
}
select.default,
input.default ,
textarea.default{
background: #fff !important;
}
select.valide,
input.valide ,
textarea.valide{
background: #fff !important;
}

label.erreur {
color: #fbb !important;
}

tr.erreur{
background: #fbb !important;
}


/* WEBCAM */

/*le direct*/
#imagesource{
width: 320px;
height: 240px;
}
/*archives*/
/*chat*/
#liste_last_videos li{
float: left;
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;
}


/* SOMMAIRES */

.sommaire tr:hover{
background: #966 !important;
}
.sommaire td{
padding: 2px 5px 2px 5px !important;
border: none !important;
}
.sommaire td a{
color: #fff;
cursor: pointer !important;
}


/* CONTACT */

#formulaire_contact input[type=text] {
width: 250px;
}
#message {
width: 710px !important;
height: 200px;
}

#btn_ok{
margin-top: 20px;
margin-left: -10px;
}

#wait{
font-size: 9pt;
}


/*FOOTER*/
#footer{
display: none;
}
.extranet h2{
display: none;
}
.extranet p{
  /*display: none;*/
}
.inpLogin{
width: 140px;
height: 16px;
font-size: 8pt !important;
margin: 0px 15px 0px 3px;
border: none;
}
.inpLogin,
p .inpLogin{
background: #bab0b0 !important;
}
.okLogin{
font-size: 9pt;
margin-left: -8px;
color: #eee !important;
border: none;
background: none;
text-transform: uppercase;
outline: none !important;
cursor: pointer;
}
.okLogin:hover{
color: #fff !important;
}

.oubli_mdp_frame,
.mdp_perdu_Z1{
position: relative;
z-index: 200;
overflow: hidden;
height: 200px !important;
-moz-box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.3);
}

.frame_login{
width: 260px;
height: 220px;
overflow: hidden;
}


#pub_verticale3{
margin-left: 500px !important;
}

/* PARTIES CACHEES */

.referencement h1{
display: none;
}
#angle {
display: none;
}
#page h1{
display: none;
}
p.espace_article{
display:none;
}
#main_full h3{
visibility: visible;
}
#pub_verticale,
#pub_verticale2{
display: none !important;
}
.end_zone{
display: none;
}