/* Caractéristiques générales communes à toutes les pages ----- */
*{margin:0; padding:0; border:0;}

.gras{font-weight:bold;}
.italique{font-style:italic;}
.souligne{text-decoration:underline;}
.tpetit{font-size:70%;}
.petit{font-size:80%;}
.grand{font-size:120%;}
.tgrand{font-size:140%;}
.textcenter{text-align:center;}
.textleft{text-align:left;}
.textright{text-align:right;}
.left{float:left;}
.right{float:right;}
.both{clear:both;}
.none{display:none;}
.blanc{color:#FFF;}
.noir{color:#000;}
.gris{color:#ddd;}
.centre{text-align:center;}
.gauche{text-align:left;}
.hidden{display:none;}
.marginG190{margin-left:183px;}
.marginD190{margin-right:183px;}
.marginB45{margin-bottom:45px;}

/* ---------- Balises ---------- */

body{
background-color:#513e24;
color:#fff;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
line-height:150%;
text-align:center;
}

p,ul,li,li ul{
margin:0; padding:0; border:0;
}


/* structure de la page */

#fond{
background-color:#554025;
background-image:url(../../iso_icons/bgcontentindex.gif);
background-repeat:repeat-y;
background-position:center;
display:block;
}
#fond.anglais{
background-image:url(../../iso_icons/bgcontentindex_en.gif);
}

#texte_bienvenue{
font-size:13px;
position:absolute;
top:133px;
left:50%;
margin-left:180px;
margin-top:5px;
width:299px;
z-index:999;
}

#texte_bienvenue_bis{
font-size:24px;
position:absolute;
top:383px;
left:34%;
margin-left:180px;
margin-top:5px;
width:320px;
z-index:999;
}

#centrage {
margin:0 auto;
display:block;
text-align:left;
position:relative;
width:980px;
z-index:89;
}

#centrage_bas {
background-image:url(../../iso_icons/bgcontentbasindex.gif);
background-repeat:no-repeat;
background-position:bottom;
}
#centrage_bas.anglais {
background-image:url(../../iso_icons/bgcontentbasindex_en.gif);
}
*+html #centrage_bas {
background-image:url(../../iso_icons/bgcontentbasindex-986.gif);
}
/*fin de la structure*/

div#animation-block {
background-image:url(../../iso_icons/bgtopindex.gif);
background-position:center top;
background-repeat:no-repeat;
width:100%;
height:454px;
display:block;
position:absolute;
z-index:1;
left:0px;
}
div#animation-hold {
left:0;
min-width:980px;
overflow:hidden;
position:absolute;
top:0;
z-index:1;
width:100%;
}
div#animation-container {
float:left;
left:50%;
position:relative;
z-index:1;
}
div#flash-animation {
left:-50%;
position:relative;
z-index:1;
}
div.menu_deroulant
{
   height: 220px;
   overflow: hidden;
   position: relative;
   z-index:1;
}
#menu_defile
{
   position: relative;
   height: 220px;
   z-index:1;
}

/* header */
#header{
text-align:left;
height:454px;
width:980px;
display:block;
position:relative;
z-index:2;
}

  #header #flash_header{
  height:454px;
  width:980px;
  display:block;
  }
  
  #header #logo_header{
  display:block;
  width:204px;
  height:59px;
  margin:0;
  padding:0;
  margin-top:-454px;
  margin-left:60px;
  }
  #header.anglais #logo_header{
  margin-left:90px;
  }
  
  #header #menu_header{
  margin-top:-50px;
  margin-left:280px;
  color:#fff;
  font-size:11px;
  }
  #header.anglais #menu_header{
  margin-left:380px;
  }
  
  #header #menu{
  margin-left:395px;
  margin-top:394px !important;
  margin-top:394px;
  height:36px;
  position:relative;
  z-index:89;
  }
  #header.anglais #menu{
  margin-left:280px;
  }
  
  #header #menu a img{
  margin-bottom:-4px !important;
  margin-bottom:0px;
  margin-right:6px;
  }
  #header.anglais #menu a img{
  margin-right:0px;
  }
  
  img.flag{
  margin-bottom:-3px;
  margin-left:8px;
  }
  
  a.menutop{
  padding-left:16px;
  background-image:url(../../iso_icons/puce_menu.gif);
  background-repeat:no-repeat;
  background-position:4px 5px;
  }
  a.menulang{
  padding-left:10px;
  }
  /* fin du header */

a{
  color:#fff;
  text-decoration:none;
}

a:hover, a:active{
  color:#fff;
  text-decoration:underline;
}

/* partie du contenu */

#contenu{
display:block;
padding-left:25px;
z-index:1;
position:relative;
}

#contenu #centre{
float:left;
width:563px;
display:block;
margin-bottom:30px;
margin-left:10px;
}
#contenu.anglais #centre{
width:671px;
margin-left:0px;
margin-top:-1px;
}

#video {
width:610px;
height:250px;
margin-top:10px;
margin-left:56px;
}

#video object{
float:left;
margin-top:10px;
}

#video p{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#d9c6a7;
width :170px;
float:left;
margin:0 0 50px 35px;
}

ul#imagehome {
right:29px;
position:absolute;
font-family:Arial,verdana,Tahoma,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
margin:0 0 0 0px;
}
ul#imagehome.anglais {
position:static;
}
ul#imagehome li {
float:left;
height:auto;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 6px 0 0px;
}
ul#imagehome.anglais li {
margin:0;
}

    /* blocs du contenu central */
    #contenu #centre img.cartohome{
    float:left;
    margin:120px 5px 0px 0px;
    }
    
    #contenu #centre #infohome{
    float:left;
    width:345px;
    margin-top:138px;
    }
	#contenu #centre #infohome a.flux{
	float:right;
	font-size:9px;
	line-height:9px;
	text-align:right;
	margin-top:4px;
    }
	#contenu #centre #infohome a img{
	float:right;
	margin:4px 0px 0px 4px;
    }
	#contenu #centre #infohome img.titre-agenda{
    margin:0px 0px 0px 30px;
	float:left;
    }
	#contenu #centre #infohome ul{
	clear:both;
	list-style:none;
	padding:0px;
	margin:0px 0px 0px 30px;
    }
	#contenu #centre #infohome ul li{
	font-size:12px;
	line-height:20px;
	background:url(../../iso_icons/infohome-separateur.gif) repeat-x bottom;
	padding:8px 0px;
    }
	#contenu #centre #infohome ul li img.fleche{
	margin-right:4px;
	background:url(../../iso_icons/fleche-accueil.gif) no-repeat;
    }
	#contenu #centre #infohome ul li.dernier{
	background:none;
    }
	#contenu #centre #infohome ul li em{
	color:#e2cfb0;
    }
	#contenu #centre #infohome a.suite{
	float:right;
    }
	
	#contenu #centre #infohome div.lettre{
	text-align:right;
	margin-top:12px;
    }
	#contenu #centre #infohome div.lettre img.titre-lettre{
	float:left;
	margin:-4px 6px 6px 0px;
    }
	#contenu #centre #infohome div.lettre form{
	float:left;
	width:193px;
	height:24px;
	display:block;
	background:url(../../iso_icons/fd-email-nl.gif) no-repeat left;
	text-align:left;
	margin:0px;
	padding:0px;
    }
	#contenu #centre #infohome div.lettre form input#news_mail{
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
	color:#fff;
	height:16px;
	padding:0px;
	float:left;
	width:140px;
	margin:4px 4px 0px;
	background:#836d4c;
    }
	#contenu #centre #infohome div.lettre form input.envoyer{
	padding:0px;
	margin:4px 4px 0px 0px;
	float:right;
    }
	
  /* fin du contenu central */

/* annexes */
#annexe{
float:left;
width:338px;
display:block;
margin-right:32px;
margin-bottom:25px;
}
#annexe.anglais{
width:190px;
margin-top:-40px;
margin-left:10px;
margin-right:55px;
}
#annexe h2{
font-size:18px;
padding:0px 6px;
margin-bottom:10px;
}
#annexe div.image{
margin-bottom:10px;
}
#annexe p{
font-size:12px;
line-height:18px;
text-align:justify;
padding:0px 6px;
}
#annexe div.liens{
display:table;
width:326px;
margin:12px 6px;
}
#annexe div.liens a.precedent{
float:left;
}
#annexe div.liens a.suivant{
float:right;
}
/* Sous nav*/
#sous-nav {
width:186px;
height:200px;
background:url(../../iso_icons/ss-nav.gif);
background-repeat:no-repeat;
text-align:right;
line-height:24px;
}
#sous-nav p{
width:170px;
height:154px;
text-align:right;
line-height:24px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}
/* fin des annexes */

ul.menusecondaire{
text-align:right;
padding:3px 3px 3px 3px;
}

/* pied de page */
div#pied{
background:url(../../iso_icons/bgfooter.gif) #513E24 repeat-x top;
position:relative;
width:100%;
height:118px;
}
  div#pied #basdepage{
  font-size:10px;
  width:980px;
  height:60px;
  margin:0 auto;
  text-align:left;
  padding-top:60px;
  background-image:url(../../iso_icons/bullefooter.gif);
  background-repeat:no-repeat;
  background-position:center top;
  }
 
  div#pied #basdepage a{
  font-size:10px;
  color:#fff;
  text-decoration:none;
  } 
  
  div#pied #basdepage a:hover{
  font-size:10px;
  color:#fff;
  text-decoration:underline;
  } 
  
  div#pied #basdepage span.left{
  width:555px;
  } 

