/* police par defaut de tout le site */
html, body { background: url('img/fd-allodoublage-noel2011-01.jpg') no-repeat; background-color:#d9e0e6;  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: verdana; font-size:14px; color:#000;}

#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}


/* 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: 646px;
text-align: left;
margin: auto;
float:left;
padding:5px;
}

#gauche {
float:right;
position:relative;
width: 306px;
text-align: left;
margin: auto;
padding:10px 10px 0 0;
}

#photo-accueil-news {

float:left;
padding:0px 10px 5px 0px;

}

#photo-accueil-news img {
background: #fff;
padding:5px;
border :1px dashed #808080;
}

#accueil-categories {

float:left;
text-shadow: 0px 0px 13px #88C4FF;
background-image: url("img/accueil-categories.png");
color:#fff;
padding:1px 10px 3px 10px;
font-weight: normal;

}

#accueil-categories a {

color:#fff;
padding:1px 10px 1px 10px;

}

#accueil-descr a {

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

}



#footerlogo {
    background-image: url("img/bas.jpg");
    border-top: 1px solid #0c466e;
    height: 27px;
    width:980px;
    margin:auto;
    padding-top: 5px;
    padding-bottom: 3px;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
}

/* gauche */
.news-gauche{
    height:30px;
}
    .titre-gauche { 
    padding-left: 10px;
    margin-top:3px;
    }
    
    .encadr-gauche { 
margin-left:-5px;
padding-bottom:20px;
    }
    
/* logo */

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

/* heure */

    #heure { 
    font-weight: normal; 
    background-image:url(img/fd-heure.png);
 
    font-family: franklin gothic demi;
      width: 293px; 
      padding: 21px 3px 10px 1px; 
      margin-left:4px;
    height:33px;
      color: #fff; 
      text-align: center; 
    }
    
/* 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;

}




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

}

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



.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;
background-image: url('img/fd-cadre-655.png');
width: 630px;
min-height:680px;
}



#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;
}




#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 {float:left;width:100%;background:url('img/basepage.jpg');margin:0;padding:2px 0px 2px 0px;}
    #entete a{color:#FFF;font-weight:bold}
    #entete a:hover{color:#000}
    #entete{margin-left:15px;color:#FFF;font-weight:normal}

#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:99%
}

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

    #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 */

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

#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:#EEE
}

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