/*================ MENU GENERAL ==================*/
/*Polices*/
#menu_ac li a 
{
font-family:  Arial, sans-serif;
 font-weight: bold;
    font-size: 0.75em;
}
 
 #menu_ac_fond
/
.contenu
{
    width: 93%;
    min-width:566px;
    height: 221px;
    margin: 0;
    margin-left: 3%;
    margin-right: 3%;
}
 
.entiere
{
    float: left;
    width: 900px;
    height: 221px;
    margin-bottom: 0;
    padding: 0;
}
 /* strictement identique au dessus */
 #menu_ac {
height:150px;
position:absolute;
   top:130px;
 
 margin-left:4px;

}

#menu_ac ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}

 /*fond du menu*/ 
#menu_ac li {
float:left;
margin:auto;
padding:0;
/*background-color:blue;  */
}
#menu_ac li a 
{
display:block;
width:120px;           /* fait tenir tous les menus */
color:white;
text-decoration:none;
padding:5px;
}

 /*Survol --- change de couleur*/
#menu_ac li a:hover {
color:#FFD700;  /*  white;*/

}

 /* COLONNAGE*/
		/*masque les sous-items du menu 2*/

#menu_ac ul li ul {
display:none;
}


/*Survol du menu 2*/
#menu_ac ul li:hover ul {
display:block;
/*color:#f6a924;  */
}


#menu_ac li:hover ul li {
float:none;
}
 /* jusque là identique */



#menu_ac li ul       /* position des sous menus par rapport au menu   ====*/
 {
  padding:0px 15px;  /* hauteur, puis largeur */  
 position:absolute;
 }

/* FOND DE MENU */
 ul {
 padding:0;
 margin:8;
 list-style-type:none;
 }
 #menu_ac
 {
 height:150px;
 }
 
#menu_ac li {
 float:left; /*pour IE
 border-left:0px solid black;*/
 }
 
  #menu_ac ul li a {
   display:block;
   padding:0px;
  
   width:120px;       /* largeur de chaque bouton*/
  line-height:30px; /*hauteur de l'image de fond*/
 background:url(images/nonc.png) repeat-x;
  text-decoration:none;
 text-align:center;
 
 }
 #menu_ac ul li a:hover {
 background:url(images/ouic.png) repeat-x;
 color:navy;                                             /* menu sélectionné :   navy*/
 }  


/* Définition des polices personnalisées */

@font-face
{
    font-family: 'BallparkWeiner';
    src: url('polices/ballpark.eot');
    src: url('polices/ballpark.eot?#iefix') format('embedded-opentype'),
         url('polices/ballpark.woff') format('woff'),
         url('polices/ballpark.ttf') format('truetype'),
         url('polices/ballpark.svg#BallparkWeiner') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'Dayrom';
    src: url('polices/dayrom.eot');
    src: url('polices/dayrom.eot?#iefix') format('embedded-opentype'),
         url('polices/dayrom.woff') format('woff'),
         url('polices/dayrom.ttf') format('truetype'),
         url('polices/dayrom.svg#Dayrom') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*=======================   PAGES   ===============*/

/* Eléments principaux de la page */
a
       { 
       text-decoration:none;
        } 

body
{
      width: 920px; 
    margin: 0em -6em -1em 1em;      /* h, d, b, g */    /* page large */
    background :url('images/fond_cfdt_l.png');
    font-family: 'Trebuchet MS', Arial, sans-serif;
    color: #181818;
}


#bloc_page
{   
   
                                      /* page "intérieure" */
  /*height: 3200px;*/
  margin: 0em 0em -1em 1em;    /* h, d, b, g */
   background: url('images/bambou4.png');
   /*background: width 920px;*/
   
} 

#titre_page
{
    font-family: 'Comic sans MS', Arial, sans-serif;
    font-weight: italic;
    font-size: 1.2em;
    color: #56592f;
   	line-height: 8px;
}


body h1
{
font-family: 'Arial', Arial, sans-serif;
font-weight: bold;
    font-size: 1.4em;
    color: #e05c12;
   
    text-decoration: none;
}
body h4
{
font-family: 'Arial', Arial, sans-serif;
font-weight: bold;
    font-size: 1em;
    color: blue;
   
    text-decoration: none;
}
section h1, footer h1, nav a
{
    font-family: arial, sans-serif;
    font-weight: bold;
    color : blue;
    /*text-transform: uppercase;*/
}


section a
font-family: 'Arial', Arial, sans-serif;

    font-size: 1em;
 


/* Header */

header


{
   /* background: url('images/separateur.png') repeat-x bottom;*/
}

#titre_principal
{
    width:100%;
    display: inline-block;
    margin-top: 10px;
    margin-left: 70px;
}
#horloge
{
width: 38%;
float: right;
text-align: center;
vertical-align: top;
margin-bottom: 0px;
}

#marge_droite
{
width: 28%;
margin-right: 100%;
}

header h1
{
    font-family: 'Helvetica';
    font-size: 2.5em;
    color: rgb(232,89,29);
    font-weight: bold;
}

#logo, header h1
{
    display: inline-block;
    margin-bottom: 0px;
}

header h2
{
    font-family: Dayrom, serif;
    font-size: 1.1em;
    margin-top: 0px;
    font-weight: normal;    
}
header h3
{
    font-size: 0.7em;
    color: green;
   
    text-decoration: none;
}
header h4
{
    font-size: 0.7em;
    color: blue;
   
    text-decoration: none;
}

    
/* Navigation */

nav
{
    display: inline-block;
    width: 900px;
    text-align: left;
}

nav ul
{
    list-style-type: none;
}

nav 0l
{
    list-style-type: none;
}
nav li
{
    display: inline-block;
    margin-right: 15px;
}

nav a
{
    font-size: 1em;
    color: fuschia;
    padding-bottom: 3px;
    text-decoration: none;
}
nav h1
{
    font-size: 1.2em;
    color: rgb(232,89,29);   
    text-decoration: none;
    font-weight: bold;
}

nav h4
{
    font-size: 0.7em;
    color: green;
   
    text-decoration: none;
    
}


nav a:hover
{
    color: #760001;
    border-bottom: 3px solid #760001;
}

/* Corps */

article, aside
{
    display: inline-block;
    vertical-align: top;
    text-align: justify;
}

article
{

/*background: url('images/dmp_fond.png');*/
    width: 260px;
    margin-right: 15px;
    font-size: 0.7em;
}

.ico_categorie
{
    vertical-align: middle;
    margin-right: 8px;
}
article h2
{
font-size: 1.4em;
color: navy;

}
article h3

{
font-size: 1.4em;
color: navy;
}

article h4

{
font-size: 1.1em;
color: black;
}

article h5

{
font-size: 1em;
color: rgb(89,86,47);
}

article p
{
    font-size:0.9em;
}
#marges
{
    margin-left: 0px;
}

.peintures
{
text-align: right;
}

.sommaire
{
float: left;
margin-left: 15px;

}

.cassini
{
float: left;
margin-left: 40px;
}

.centre
{
float: center;
margin-bottom:15px;
}

.etiquette
 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  }
    
aside
{
    /*position: right;*/
    width: 580px;
    /*background-color: #d2c19b;
    box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px;
    padding: 10px;*/
    color: navy;
    font-size: 1em;   
}
#titre_droit
{
    width:100%;
    text-align: center;
    display: inline-block;
    margin-top: 0px;
    margin-left: 0px;
}
aside h1
{
font-size: 1.2em;
text-align: center;
color: #0a82f2;
}



aside h2
{
font-size: 1em;
color: #474090;
}

aside h3
{
font-size: 0.8em;
font-style: italic;
color:  #474090;
}
aside h4
{
font-size:0.8em;
font-style: normal;
color : black;
}
aside h5
{
font-size: 0.6em;
font-style: italic;
color: navy;
}

.hauteur
{
float: left;
margin-bottom:15px;
}

.etang
{
float: right;
}

.plan_site
{
font-size: 0.6em;
color: black;
}
.europe
{
float: left;
margin-right:20px;
}

.cartes_postales
{
float: top;
}

.meteo
{
float: right;
margin-left:30px;
}

#boutons
{
    display: inline-block;
    margin-left: 20px;
    float: right;
    /*margin-right: 10px;*/
}

aside img
{
    margin-right: 5px;
}

/* Footer */

footer
{
    background:  url('images/ico_top.png') no-repeat top center, url('images/ombre.png') repeat-x top;
    padding-top: 25px;
    margin-right: 20px;

}

footer p, footer ul
{
    font-size: 0.8em;
}

footer h1
{
    font-size: 1.1em;
    text-align: center
}

h2
{
    font-size: 0.8em;
    color: navy;
    text-align: center;
}

#contact, #forum, #mes_amis 
{
    display: inline-block;
    vertical-align: top;
  
}

#contact
{
    width: 28%;
    margin-right: 20px;
}

#forum 
{
    position: center;
    width: 30%;
    margin-right: 20px;
}

#mes_amis
{
    width: 35%;
}

#forum img 
{
    border: 1px solid #181818;
    
    margin-right: 2px;
  
}

#mes_amis ul
{
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    
    : 98%;
    list-style-image: url('images/ico_liensexterne.png');
    padding-left: 22px;
}

#mes_amis a
{
    text-decoration: none;
    color: #760001;
    
}