/*Corrida*/
/*Dataxy 2010*/



/* GENERAL */

body{
background: #fff url(fond.jpg) repeat-y center;
font: normal 10pt trebuchet ms, helvetica, arial, sans serif;
color: #c33;
}

#contenu{
margin: 0 auto;
width: 982px;
}

a{
color: #000;
font-weight: bold;
text-decoration: none;
outline: none;
}
a:hover{
color: #f30;
text-decoration: none;
}
a:active{
color: #000;
}



/* TITRE HAUT */

#barre_titre{
background: url(titre.jpg) no-repeat top left;
height: 100px;
}

#barre_titre h1{
display: none;
}




/* MENU HORIZONTAL */

/*menu fixe*/

#barre_onglets{
background: #c33;
width: 982px;
height: 24px;

}
#barre_onglets li{
float: left;
border-right: 2px solid #fff;
display: block;
}
#barre_onglets ul li a{
width: 100px;
text-align: center;
display: block;
height: 24px;
font-weight: bold;
font-size: 11pt;
color: #fff;
}
#barre_onglets ul li a:hover{
background: #f90;
color: #000;
}

/* MENU VERTICAL - COLONNE */

#colonne{
background: url(fond2.jpg);
margin: 0px 0px 0px 0px;
width: 180px;
min-height: 320px;
padding: 10px 0px 30px 10px;
float: left;
-display: inline;
}
#colonne h2{
font-size: 12pt;
margin: 15px 0px 0px 0px;
clear: both;
}

#colonne ul li a{
height: 20px;
display: block;
text-decoration: none;
color: #444;
}
#colonne ul li a:hover{
color: #c33;
}

.zone{
margin: 10px 0px 0px 0px;
}


/*newsletter*/

.zone p{
text-align: left !important;
width: 180px;
font-size: 9pt;
}
#email{
position: relative;
top: -20px;
left: 0px;
margin-bottom: -20px;
width: 140px;
height: 19px;
background: #c33;
float: left;
margin: 15px 0px 0px 0px;
text-transform: none;
text-indent: 2px;
font-size: 9pt;
font-weight: normal;
padding: 0px 0px 2px 0px;
/padding: 2px 0px 0px 4px;
/width: 136px;
/margin-bottom: 20px;
-margin-bottom: -20px;
}

.zone input{
position: absolute;
top: -8px;
left: 147px;
margin-left: 0px;
background: url(bouton.png);
color: #fff;
font-weight: bold;
border: none;
width: 36px;
height: 21px;
text-transform: uppercase;
font-size: 7pt;
cursor: pointer;
padding: 0px 0px 0px 0px;
/font-size: 6pt;
/top: -44px;
-top: -24px;
}
.zone input:hover {
color: #fff;
}
.zone input:focus{
border: none;
}

.promo input[type=submit]{
background: url(bouton.png);
color: #000;
font-weight: bold;
border: none;
width: 36px;
height: 21px;
text-transform: uppercase;
font-size: 7pt;
cursor: pointer;
}
.promo input[type=text] {
display: block;
border: #fff 0px solid;
width: 135px;
color: #fff;
background-color:#CC3333;
}
.promo li{
padding: 0px 0px 10px 0px;
}
.promo li a{
height:auto !important;
}

#colonne #photo_id{
text-align: center;
}
#colonne #photo_id img{
border: none;
}

/* MAIN */
#page{
margin: 0px 0px 0px 0px;
}

#main{
width: 700px;
margin-left: 230px;
-display: inline;
}

#main p{
display: inline;
}

/*ARTICLES*/

.fen{
background: #fa0;
padding: 10px;
width: 680px;
text-align: justify;
color: #000;
margin: 10px 10px 0px 0px;
float: left;
-float: right;
}
.fen h2{
text-align: center;
font-size: 14pt;
}

.fen table{
margin: 0px 20px 0px 0px !important;
}

/*pages*/
/*.pages {
margin: 0px 0px 0px 0px;
font-size: 11pt;
width: 700px;
float: left;
z-index: 2;
}
.pages strong{

}
.pages a{
margin: 0px 0px 0px 0px;
display: inline !important;
}*/



/*titre rubrique - voir 254 pour sans titre*/
/*#main h3 span{
background: green;
position: relative;
top: 0px;
left: 0px;
font-size: 16pt;
width: 699px;
display: inline;
}
#main h3 span a {
font-size: 10pt;
}*/

#page h3{
text-align: center;
position: relative;
color: #c33;
font-size: 18pt;
font-weight: bold;
-width: 720px;
-float: right;
}
#main h3 a {
font-size: 11pt;
}
#main .pages a{
font-size: 11pt;
-width: 720px;
-float: right;
}

/*comentaires*/
.fen .liens{
margin-top: 5px;
}
.fen .liens ul{
list-style: none;
text-align: right;
color: white;
}
.fen .comments{
background: #fff;
padding: 10px;
}
.fen .comments h3{
font-size:11pt;
padding-bottom:2px;
color:#000;
}
.fen .comments ul li{
border-color:#4976a0;
}
.fen .comments ul li em{
border-color:#4976a0;
}
.fen .comments ul li a{
color:#fff;
}
.fen .comments ul li a:hover{
color:#900;
}


#main .fen .infos{
text-align:center;
padding-bottom:5px;
font-size:8pt;
color:#fff;
}



/*visionneuse photo*/
#main .fen .apercus_photos{
position: relative;
left: 50%;
width: 280px;
margin-left: -140px;
/left: 0px;
/margin-left: 120px;
-left: 0px;
-margin-left: 120px;
}
#main .fen .apercus_photos a img{
border: 2px solid #fff;
}
#main .fen .apercus_photos a:hover img{
border-color: #c33;
}
#main .fen .article .photo img{
padding: 0;
}
#main .fen .article .photo .commentaire_photo{
text-align: center;
font-style: italic;
}
#main .fen hr{
margin: 0;
width: inherit;
clear: none;
}

/*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: #ea0 2px solid;
width: 400px;
display: block;
}
#formulaire_contact input[type=text]:focus {
border-color: #fff;
}
#formulaire_contact p{
display: block;
}

#message {
border: #ea0 2px solid;
width: 400px;
}
#message:focus {
border-color: #fff;
}



/*FOOTER*/
#footer{
margin: 0px auto;
width: 982px;
height: 60px;
float: left;
position: relative;
top: 30px;
}
.referencement {
display: block;
visibility: visible;
position: relative;
top: 0px;
left: 50%;
margin: 0px 0px 0px -200px;
width: 400px;
text-align: center;
}


/*hack Safari 3 */
html[xmlns*=""] body:last-child .referencement {
margin: 0px auto;
left: 0px;
}

.referencement p {
height: 0px;
}
.referencement a {
font-size: 10pt;
font-weight: normal;
color: #000;
padding: 0px 0px 20px 0px;
}
.referencement a:hover{
color: #c33;
}
.referencement h1{
display: none;
}


/* CACHE */

#angle {
display: none;
}
#page h1{
display: none;
}
#main .espace_article{
display:none;
}
.infos{
display:none;
}
#main_full h3{
visibility: visible;
}

#main_full .espace_article{
display: none;
}

#pub_ver#pub_verticale,#pub_verticale2{
display: none;
}
#pub_verticale,#pub_verticale2 img{
display: none;
}

.end_zone{
display: none;
}