/* police par defaut de tout le site */
html, body { background: url('img/fd-allodoublage-2k12.jpg') no-repeat; background-color:#c0c8d2;  margin:0; padding:0; }
TD, DIV, SPAN {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal}


/* lien par défaut */
A {color:#287195; text-decoration:none}
A:hover {color:#adc0ce; text-decoration:none}

/* liste par défaut */
ul {list-style-type:square; margin:0; padding-left:15px}

/* titre par défaut */
h1 {color:#c52929; font-weight:normal; font-family: franklin gothic demi; font-size:2em; margin:0; padding:0; width:99%; }
h2 {font-weight:bold; font-family: arial; font-size:1.3em; color:#000; margin:0;}
h2 a {font-weight:bold; font-family: arial; font-size:1.3em; color:#000; margin:0;}
h2 a:hover {font-weight:bold; font-family: arial; font-size:1.3em; color:#000; margin:0;}
h4 {font-weight:bold; font-family: arial; font-size:12px; color:#287195;margin:-2px 0 0 0;}
h5 {font-weight:normal; font-family: arial; font-size:2.4em; color:#287195;margin:-2px 0 0 0;}

#coulcentre h1 {color:#c52929;font-weight:bold;font-size:2em;margin:0;padding:0;width:99%;border-bottom:1px #c52929 solid}

/* image par défaut */
IMG{border:0}

/* BLOC VIDEOS ACCUEIL */

#bandeau-videos {
background: #fff; 
width:980px; 
height:80px;
margin: 0 0 1px 0;
z-index:1;
overflow:hidden;
}



.bandeau-videos-cadre {width: 219px; height: 60px;}
.bandeau-videos-cadre:hover {background-color: #E0E0E0; background: url("img/actu-fond-surbrillance-mini.jpg") no-repeat; }
.bandeau-videos-cadre-voirtous {width: 218px; height: 60px;}
.bandeau-videos-vignettes {width: 60px; height: 60px;float:left;}
.bandeau-videos-textes { float: left; padding: 5px 0 5px 10px; text-align: left;}

.texte .bandeau-videos-cadre {width: 205px; height: 60px;}


/* temp.html */

#connect {
position:relative;
clear: both ;
width: 980px;
height:30px;
text-align: right;
margin: auto;
}

#contenu {
position:relative;
clear: both ;
width: 980px;
text-align: left;
margin: auto;
}

#contenant {
position:relative;
background: url("img/fd-contenant.jpg") no-repeat #ccd3de;
clear: both;
width: 980px;
text-align: left;
margin: auto;
}

#prochainement {
position:relative;
width: 635px;
text-align: center;
margin: auto;
}

#droite {
position:relative;
width: 655px;
text-align: left;
margin: 0 ;
float:left;
padding: 5px 0 0 8px;
z-index: 2;
}

#gauche {
float:right;
position:relative;
text-align: left;
padding: 5px 5px 5px 0;
margin: auto;
z-index: 1;
}

#photo-accueil-news {

float:left;


}

#photo-accueil-news img {
margin-right: 10px;
}

.actu-les-categories {

float:left;
background: url("img/actu-les-categories-212.jpg") no-repeat;
font-weight: normal;
width:207px;
height:10px;
padding: 3px 0px 0px 10px;
margin: 3px 0 5px 0;

}

.actu-indiv h2 {font-size: 1em;}
.actu-les-categories h4 {font-size: 0.9em;}

.actu-les-categories:hover {
background: url("img/actu-les-categories-212-hover.jpg") no-repeat;
}


#accueil-descr {

margin-top: 5px;
}

#accueil-descr a {

font-weight: normal;
color:#435b79;
}

#actu-heure  {
 color: #505050;
 font-family: verdana;
 font-size: 0.7em;
 font-weight: normal;
 height: 13px;
 letter-spacing: 1.3px;
 margin: 4px 0 0 200px;
 overflow: hidden;
 padding: 0;
 position: absolute;
 width: 60px;
}


.nouveautes-les-categories-2k13 {

background: url("img/nouveautes-les-categories-2k13.jpg") no-repeat;
font-weight: normal;
width:425px;
height:26px;
padding: 7px 0px 0px 10px;
margin: 1px 0 3px 0;

}

.nouveautes-les-categories-2k13:hover {
background: url("img/nouveautes-les-categories-2k13-hover.jpg") no-repeat;
}



.nouveautes-les-categories {

background: url("img/nouveautes-les-categories.jpg") no-repeat;
font-weight: normal;
width:274px;
height:16px;
padding: 2px 0px 0px 10px;
margin: 1px 0 5px 0;

}

.nouveautes-les-categories:hover {
background: url("img/nouveautes-les-categories-hover.jpg") no-repeat;
}

.sorties-les-categories {

background: url("img/sorties-les-categories.jpg") no-repeat;
font-weight: normal;
width:154px;
height:16px;
padding: 2px 0px 0px 10px;
margin: 1px 0 5px 0;

}

.sorties-les-categories:hover {
background: url("img/sorties-les-categories-hover.jpg") no-repeat;
}

.videos-les-categories {

background: url("img/videos-les-categories.jpg") no-repeat;
font-weight: normal;
width:625px;
height:16px;
padding: 2px 0px 0px 10px;
margin: 1px 0 5px 0;
}

.videos-les-categories:hover {
background: url("img/videos-les-categories-hover.jpg") no-repeat;
}

#der-films-series { }

#der-comediens { }

#der-acteurs { }






#footerlogo {
 background: url("img/bas-de-page.png") no-repeat;
 border-top: 1px solid #0c466e;
 height: 74px;
 width:980px;
 margin:auto;
 padding-top: 12px;
 padding-bottom: 3px;
 margin-bottom: 20px;
 position: relative;
 text-align: center;
 color: #808080;
}


 /* logo */

 #logo { 
 float:left;
 margin-left:23px;
 }


 /* header */

#haut{
 margin:0;left:0;width:980px;height:200px;background:url("img/fd-haut.png");
 text-align:left;padding:0;padding-top:3px; margin-bottom:5px;
}
 #header ul{margin-right:1em;display:inline;border-right:2px solid #eee}
 #header ul li{border-left:2px solid #eee;display:inline;padding:0 0.6em 0 1em}
 #header a {color:#999}
 #header a:hover{color:#fff}

#menu2-a{
 background:url("img/fd-menu-v2-debut.png");margin:0;left:0;height:15px;width:5px;padding:12px 0px 12px 0px;float:left;

}
#menu2-b{
 background:url("img/fd-menu-v2.jpg");margin:0;left:0;height:15px;width:967px;padding:13px 0px 11px 8px;float:left;

}

#nett{
 margin:0px;padding:0px;clear:both;height:5px;

}




#actu{
clear:both;
width: 295px;
overflow: hidden;
}

.actu-indiv{
clear:both;
background-color: #000 transparent;
overflow:hidden;
height:60px;
padding: 0 8px 0 0;
line-height: 1em;
}

.actu-indiv:hover{
background: url('img/actu-fond-surbrillance-2k13.jpg') no-repeat ;
}



.contenuCadre{
padding:10px;
}

#news{


background-color: #fff;
}

.encadr-gauche .menunews {

padding-left: 5px;
background-image: url('img/fd-cadre-300.png');
font-size: 0.95em;
padding-bottom: 10px;
padding-top:3px;
}

#menu-communaute {

padding-left: 8px;
background-image: url('img/fd-cadre-300.png');
font-size: 0.95em;
padding-bottom: 4px;
padding-top:8px;
margin-left:-5px;
margin-top:-5px;
}

#cadre-dossiers{
clear:both;
padding: 10px;
background-image: url('img/fd-cadre.png');
width: 615px;
}
.cadre-dossiers-interieur{
clear:both;
padding-top: 5px;
padding-right: 0px;
background-color: #000 transparent;
overflow:hidden;

}

.cadre-dossiers-interieur:hover{
background-image: url('img/fd-cadre-hover.jpg');
}

#cadre-lesnews{
clear:both;
padding: 10px 5px 10px 13px;
background-image: url('img/fd-cadre-655.png');
width: 630px;
min-height:1693px;
}



#cadre-films{
clear:both;
padding: 0px 5px 0px 5px;
background-image: url('img/fd-cadre-164.png');
width: 158px;
}
.cadre-films-interieur{
clear:both;
padding-top: 0px;
padding-right: 10px;
padding-left: 10px;
background-color: #000 transparent;
overflow:hidden;

}

.cadre-films-interieur:hover{
background: url('img/fd-cadre-hover.jpg') no-repeat top center;
}




.hautgauche, .hautdroit, .basgauche, .basdroit /* Propriétés communes aux quatre coins de notre arrondi */
{
height: 9px;
width: 9px;
background-repeat: no-repeat;
}

.hautgauche
{
background-image: url('img/arrondi-haut-gauche.png');
}

.basgauche
{
background-image: url('img/arrondi-bas-gauche.png');
}

.hautdroit
{
background-image: url('img/arrondi-haut-droite.png');
float: right;
}

.basdroit
{
background-image: url('img/arrondi-bas-droite.png');
float: right;
}


.bloc-pub-160-600 {
margin: 30px 0 0 2px;
}

.bloc-pub-300-250 {
margin:-7px 0 2px -9px;
}



#header2{
 background:#c00;background-image:url(xxl/fdtitre.jpg);margin:0;left:0;
 width:100%;height:101px;background-position:left top;
 background-repeat:repeat-x
}
 #header2 div {width:350px;margin:0;padding:1px 1px 1px 1px}
 #header2 div h1 {margin-top:30px;background:#600;padding:5px 5px 5px 15px}
 #header2 div h1 a {color:#fff}
 #header2 div h1 a:hover {color:yellow;background:none}

#mentete {    background: url("img/bloc-contenu-titre.png") repeat scroll 0 0 transparent;
 float: left;
 height: 21px;
 margin: 0;
 padding: 16px 0 4px 0;
 width: 634px;}
 #entete a{color:#FFF;font-weight:bold}
 #entete a:hover{color:#000}
 #entete{    color: #FFFFFF;
 font-size: 0.8em;
 font-weight: normal;
 margin-left: 33px;
 line-height: 1.2em;}

#header3{
 clear:left;
 background:#eee;margin:0;left:0;
 width:100%;height:40px
}

#menugauche {
 border-bottom:#000 1px solid;
 border-right:#000 1px solid;
 border-top:#000 1px solid;
 width:160px;
 float:left;
 background:#EEE;
 margin-top:15px
}
#menu-accueil {
clear:both;
 float:left;
 height:38px;
}
#menu-a {
 height:38px;
 float:left;
}
#menu-b {
 height:38px;
 float:left;

}
 .mg1 {clear:both; font-size:9pt; color:#ff6; font-weight:bold; background:#000; height:21px; padding-left :0.4em; padding-top:0.2em}
 .mg3 {color:#000; padding:0.4em; line-height:15px}
 .mg3 a {color:#000}
 .mg3 form {padding:0;margin:0}
.admin{clear:both; color:#000; padding:0.4em; line-height:15px; border: 1px solid #808080;}


 #contenupage {
 padding-left:165px;
 padding-right:5px
} 
 #coulcentre {padding:20px; background:#FFF}



#footer{
 clear:both;
 width:auto;
 text-align:center;
 height:21px;
 background:#000;
 padding-left:0.4em;
 padding-top:0.2em;
 font-weight:bold;
 color:#FFF
}
 #footer ul { margin-right:1em; display:inline; border-right:2px solid #FFF}
 #footer ul li {border-left:2px solid #FFF; display:inline; padding-right:0.6em; padding-left:1em}
 #footer A {color:#FFF}
 #footer A:hover {color:#FF6600}


/* page accueil */

#accueil{
 width:100%
}

#rubriques{
 float:left;
 width:98%;
 margin-top:1em;
 padding-top:1em;
 padding-bottom:1em;
 border-top:#666 1px solid;  
}

.actu-haut { background: url("img/videos-les-categories.jpg") no-repeat;
font-weight: normal;
width:625px;
height:16px;
padding: 2px 0px 0px 10px;
margin: -1px 0 3px 0;
 }

.actu-haut:hover { background: url("img/videos-les-categories-hover.jpg") no-repeat;
}

.titre {padding: 10px 0 10px 0; }


/* BLOC A1 */


#bloc-a1 {
float:left;
width:458px; 
margin-left:-1px;
}

#bloc-a1-titre {
background: url("img/bloc-a1-titre-nouveaute.png");
width:458px; 
height:41px;
overflow:hidden;
}

#bloc-a1-fond {
background: url("img/bloc-a1-fond-2k13.png");
width:428px; 
height:1250px;
padding: 15px;
overflow:hidden;
margin-top:-6px;
}

#bloc-a1-suite-actus {
background: url("img/bloc-a1-suite-actus-on.png");
width:458px; 
height:36px;
overflow:hidden;
margin-top:-6px;
}


/* BLOC A2 */


#bloc-a2 {
float:right;
width:194px;
margin-right: 2px;
}

#bloc-a2-titre {
background: url("img/bloc-a2-titre.png");
width:194px; 
height:41px;
overflow:hidden;
}

#bloc-a2-fond {
background: url("img/bloc-a2-fond-prpub.png");
width:164px; 
height:1250px;
padding: 15px;
overflow:hidden;
margin-top:-6px;
}


/* BLOC A3 */


#bloc-a3 {
width:312px;
}

#bloc-a3-titre {
background: url("img/bloc-a3-titre-actu.png");
width:312px; 
height:41px;
overflow:hidden;
}

#bloc-a3-fond {
background: url("img/bloc-a3-fond-prpub.png");
width:282px; 
height:1250px;
padding: 15px;
overflow:hidden;
margin-top:-6px;
}





/* BLOC COMMUNAUTE */


#bloc-communaute {
width:312px;
}

#bloc-communaute-titre {
background: url("img/bloc-communaute-titre.png");
width:312px; 
height:41px;
overflow:hidden;
}

#bloc-communaute-fond {
background: url("img/bloc-communaute-fond.png");
width:288px; 
/* height:268px; */
height:384px;
padding: 10px;
overflow:hidden;
margin-top:-6px;
}






/* BLOC B1 */


#bloc-b1 {
width:968px; 
margin-left:-1px;
display:block;
}

#bloc-b1-A {
float:left;
width:623px; 
margin-left:-1px;
text-align:left;
}

#bloc-b1-B {
float:right;
width:316px; 
margin-left:-1px;
text-align:left;
}


#bloc-actucine {
width:625px; 
height: 220px;
margin-left:-1px;
margin-bottom: 10px;
overflow:hidden;
}


#bloc-b1-titre {
background: url("img/bloc-b1-titre.png");
width:968px; 
height:41px;
overflow:hidden;
}

#bloc-b1-fond {
background: url("img/bloc-b1-fond-2k13.png");
width:938px; 
height:445px;
padding: 15px;
overflow:hidden;
margin-top:-6px;
margin-bottom: 0px;
}


#bloc-b1-contenu1 {
float:left;
padding-left: 5px;
width:300px; 
height:220px;
overflow:hidden;
}

#bloc-b1-contenu2 {
float:left;
padding-left: 5px;
width:300px; 
height:220px;
overflow:hidden;
}

#bloc-b1-contenu3 {
padding-left: 5px;
width:300px; 
height:445px;
overflow:hidden;
}

.bloc-b1-contenu-sep {
float:left;
padding: 0 5px 0 5px;
width:1px; 

overflow:hidden;
}


/* BLOC C1 */


#bloc-c1 {
float:left;
width:655px; 
margin-left:-1px;
}

#bloc-c1-titre {
background: url("img/bloc-c1-titre.png");
width:655px; 
height:41px;
overflow:hidden;
}

#bloc-c1-fond {
background: url("img/bloc-c1-fond.png");
width:625px; 
height:374px;
padding: 15px;
overflow:hidden;
margin-top:-6px;
margin-bottom: 5px;
}




 #news-483 h1 {float: left; background: url("img/fd-titre-h1-483.png") no-repeat left; font-size:1.7em;color:#287195; padding: 7px 5px 5px 20px; font-weight: normal; font-family: franklin gothic demi; text-transform: uppercase;}
 #news-300 h1 {float: left; background: url("img/fd-titre-h1-300.png") no-repeat left; padding: 3px 5px 7px 20px; font-weight: normal; font-family: franklin gothic demi; width:280px; height: 25px; margin-left: -3px;}
 #films-164 h1 {float: left; background: url("img/fd-titre-h1-164.png") no-repeat left; font-size:1.7em;color:#287195; padding: 7px 5px 5px 20px; font-weight: normal; font-family: franklin gothic demi; text-transform: uppercase;}
 #dossiers-635 h1 {float: left; background: url("img/fd-titre-h1-635.png") no-repeat left; font-size:1.7em;color:#287195; padding: 7px 5px 5px 20px; font-weight: normal; font-family: franklin gothic demi; text-transform: uppercase;}
 #aa01 h1 {float: left; background: url("img/fd-titre-h1-483.png") no-repeat left; font-size:1.7em;color:#287195; padding: 7px 5px 5px 20px; font-weight: normal; font-family: franklin gothic demi; text-transform: uppercase;}

#news-483{
 float:left;
 width:454px;
 padding:0.5em
}

#news-300{
 float:left;
 width:305px;
 padding:0px 5px 0px 4px;
}



#films-164{
 float:left;
 width:141px;
 padding:0.5em;
 margin-left: 16px;
}

#dossiers-635{
 width:635px;
 padding:0.5em
}



#aa01{
 float:left;
 width:450px;
 padding:0.5em
}

#aa02{
 float:right;
 width:31%;
 BORDER:#c52929 1px dotted;
 padding:0.5em;
 background:#eee
}


 #aa02 h1 {display:inline; font-size:1.5em;color:#c52929;border:0;}

/* fin page accueil */






/* autres éléments par défaut */
#mod_recherche {line-height: 21px;padding: 0 0 0 30px;}


#moteur {
 float:left;
 width:390px;
 margin-top:79px;
 padding-left: 105px;
 text-align:center;
}

#moteur .recherche {
 background: url("img/fd-recherche.jpg") no-repeat scroll left top transparent;
 border: medium none;
 color: #808080;
 float: left;
 height: 36px;
 line-height: 36px;
 padding: 0 10px;
 width: 280px;
}
#moteur .recherche:focus {
 color: #555555;
}
#moteur .bouton-recherche {
 background: url("img/bouton-recherche.jpg") no-repeat scroll left top transparent;
 border: medium none;
 cursor: pointer;
 display: block;
 float: left;
 font-size: 0;
 height: 36px;
 overflow: hidden;
 text-indent: -9999px;
 text-transform: capitalize;
 width: 38px;
}
#moteur .bouton-recherche:hover {
 background-position: left bottom;
}






#mots {

 background-image: url("img/fd-menu-v2.jpg");
 border: 1px solid #A0ACC2;
 margin: 0px 5px 0 5px;
 padding: 2px 0 2px 10px;
 position: relative;
 width: 290px;
 font-size: 15px;
 height:25px;
}

#login{

 background-image: url("img/fd-ident.jpg");
 border: 1px solid #43627a;
 margin: 0px 5px 0 1px;
 padding: 2px 0 1px 10px;
 position: relative;
 color:#fff;
 width: 70px;
 font-size: 12px;
 height:15px;
}

#go-ident{  
 background-image: url("img/bouton-go-ident.png");
 font-family: verdana;
 font-weight: normal;
 color:#fff;
 cursor: pointer;
 height: 21px;
 width: 53px;
 border: 0px;
 font-size: 9px;
 text-transform: uppercase;
 margin-right:7px;
 }

#motdepasse{

 background-image: url("img/fd-ident.jpg");
 border: 1px solid #43627a;
 margin: 0px 5px 0 1px;
 padding: 2px 0 1px 10px;
 position: relative;
 color:#fff;
 width: 70px;
 font-size: 12px;
 height:15px;
}

#bouton-recherche {  
 background-image: url("img/bouton-rechercher.png");
 font-family: verdana;
 font-weight: normal;
 color:#fff;
 cursor: pointer;
 margin-top:3px;
 height: 33px;
 width: 35px;
 border: 0px;
 font-size: 9px;
 text-transform: uppercase;
 margin-right:7px;
 }
textarea {   
 font-size:10pt;
 color:#000;
 font-style:normal;
 line-height:normal;
 font-weight:normal;
 text-decoration:none;
 letter-spacing:normal;
 word-spacing:normal;
 border:thin ridge;
 border-color:black;
 background-color:#F5F5F5;
}

SELECT {  
 font-size:9px;
 color:#000;
 background-color:#FFF
}


 .commentaire textarea {width:599px;height:110px;border: solid 1px #D5D5D5;resize:vertical;background: url("img/fd-textarea.jpg") repeat-x scroll left top transparent;background-color: #eee;padding:10px;}
 .bouton-comm {width:623px; height: 30px; background: url(img/fd-menu2-fin.png); color: #287195; font-size: 1.3em; font-family: arial; border: solid 0px #C0C0C0; text-align:center;margin:15px 0 5px 0; }

/* IMAGES ALEATOIRE */



#rotator{
float: left;
width:133px;
}
#rotator:hover {
 background: url("img/sorties-fond-affiches.png") no-repeat scroll 0 0 transparent;
}

 
#rotator ul{
padding-left: -15px;
}
#rotator2{
float: left;
width:133px;
}
#rotator2:hover {
 background: url("img/sorties-fond-affiches.png") no-repeat scroll 0 0 transparent;
}

#rotator2 ul{
padding-left: -15px;
}
#rotator3{
float: left;
width:133px;
}


#rotator3 ul{
padding-left: -15px;
}
.rotatorGroup{
 background: url("img/sorties-fond-affiches.png") no-repeat scroll 0 0 transparent;
 color: #999999;
 display: block;
 float: left;
 font-size: 10px;
 font-weight: bold;
 height: 190px;
 line-height: 1.4em;
 list-style: none outside none;
 margin: 0 0 0 -17px;
 padding: 7px;
 position: relative;
 text-align: center;
 width: 280px;   
}
.rotatorImage{
display: none;
position: absolute;
}