html,body {
margin: 0;
padding: 0;
}

body {
background: url(images/fond.gif) repeat;
color: #fff;
}

#page {
margin: 0 auto;
width: 1024px;
height: 768px;
}

#flash {
position: absolute;
z-index: 10;
}

#RSS {
position: absolute;
z-index: 110;
top: 263px;
margin: 0 0 0 140px;
* margin-left: 15px;
padding: 0;
font-family: Arial, Helvetica, Verdana;
font-size: 15px;
}

#RSS img {
float: left;
padding-right: 10px;
}

#RSS a,a:active {
text-decoration: none;
color: #fff;
}

#RSS a:hover {
text-decoration: underline;
}

#menu_principal {
position: absolute;
z-index: 100;
top: 235px;
margin-left: 251px;
* margin-left: 128px;
padding: 0;
font-family: Arial, Helvetica, Verdana;
font-size: 13px;
}

#menu_principal  ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu_principal li {
float: left;
margin: auto;
padding: 0;
}

#menu_principal ul li ul {
position: absolute;
display: none;
}

#menu_principal ul li:hover ul {
display: block;
* clear: left;
background-color: #dda6bc;
padding-top: 5px;
margin-top: 27px;
* margin-top: 0px;
}
#menu_principal li:hover ul li {
 float:none;
 padding: 0 10px 5px 10px;
}

#menu_principal a, a:hover, a:focus, a:visited {
text-decoration: none;
color: #000;
}

#menu_principal a:hover, a:focus {
color: #fff;
}


#menu_principal img {
float: left;
margin: 0;
padding: 0;
}

/*#menu {
position: absolute;
z-index: 99;
margin-left: 20px;
top: 262px;
}*/

#global {
position: relative;
z-index: 98;
width: 779px;
height: 378px;
top: 262px;
margin: 0 auto;
}

#haut_gauche {
float: left;
width: 120px;
height: 44px;
background: url(images/tranche_01.png) no-repeat;
}

#titre_page {
float: left;
width: 537px;
height: 44px;
}

#haut_droit {
float: left;
width: 121px;
height: 44px;
background: url(images/tranche_03.png) no-repeat;
}

#left_bar {
float: left;
top: 44px;
width: 120px;
height: 334px;
background: url(images/tranche_05.png) no-repeat;
font-family: Arial, Helvetica, Verdana;
font-size: 12px;
font-weight: bold;
}

#left_bar ul {
margin: 20px 0 0 0;
padding: 0 5px 0 10px;
}

#left_bar ul li {
list-style-type: none;
margin: 0;
padding: 0 0 8px 0;
}

.left_bar a {
text-decoration: none;
color: #000;
}

.left_bar a:visited {
text-decoration: none;
color: #000;
}

.left_bar a:focus {
text-decoration: none;
color: #61263f;
}

.left_bar a:hover {
text-decoration: none;
color: #61263f;
}

#centre {
float: left;
width: 537px;
height: 334px;
background: url(images/tranche_06.png) no-repeat;
}

#texte {
position: absolute;
z-index: 100;
overflow: auto;
width: 537px;
height: 270px;
padding-left: 13px;
padding-right: 13px;
margin-top: 14px;
* padding-top: 10px;
font-family: Arial, Helvetica, Verdana;
font-size: 13px;
color: #000;
/*color: #e7e7e7;*/
text-align: justify;
}

#texte a {
text-decoration: none;
font-weight: bold;
}

#texte a:visited {
text-decoration: none;
font-weight: bold;
}

#texte a:hover, a:focus {
text-decoration: underline;
}

#texte a, a:hover, a:focus, a:visited {
color: #8d2e52;
}

#right_bar {
z-index: 20;
float: left;
top: 44px;
width: 121px;
height: 334px;
background: url(images/tranche_07.png) no-repeat;
}


#bas {
z-index: 99;
position: relative;
width: 640px;
top: 265px;
left: 340px;
/*left: 374px;*/
}

#footer {
float: left;
}

#footer ul {
margin: 10px 0 0 0;
padding: 0;
}

#footer li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

.footer a{
font-family: Arial, Helvetica, Verdana;
font-size: 12px;
color: #fff;
text-decoration: none;
background-color: #641538;
}

.footer a:visited{
color: #fff;
text-decoration: none;
background-color: #641538;
}

.footer a:focus {
color: #fff;
text-decoration: none;
background-color: #ae567d;
}

.footer a:hover {
color: #fff;
text-decoration: none;
background-color: #ae567d;
}

#logos {
float: right;
}

#logos img {
text-decoration: none;
margin-left: 20px;
}





.accueil1 {
font-size: 15px;
}
.accueil2{
font-size: 15px;
font-weight: bold;
}
.accueil3 {
font-size: 14px;
}
.accueil4{
font-size: 14px;
font-weight: bold;
}

.img_flottante {
float: left;
padding-right: 10px;
}

.img_display {
display: none;
}

h1 {
font-size: 20px;
font-weight: bold;
color: #000;
line-height: 0px;
}

h2 {
font-size: 15px;
color: #000;
line-height: 20px;
}

.txtbold {
font-weight: bold;
/*color: #61263f;*/
}

.txtbold2 {
font-weight: bold;
}
.txtita {
font-style: italic;
}
.txtlittle{
font-size: 10px;
}
a.info {
position: relative;
/*border-bottom: 1px gray dotted;*/
}

a.info span {
display: none;
}

a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}

a.info:hover span {
position: absolute;
width: 238px;
display: inline;
top: 2em;
margin-left: -8em;
background: #32a5da;
text-align: center;
color: white;
padding: 2px;
}

a.info2 {
position: relative;
/*border-bottom: 1px gray dotted;*/
}

a.info2 span {
display: none;
}

a.info2:hover {
background: none; /* correction d'un bug IE */
z-index: 500;
}

a.info2:hover span {
position: absolute;
width: 500px;
display: inline;
top: 2em;
margin-left: -8em;
background: #32a5da;
text-align: left;
color: white;
font-weight: normal;
padding: 2px;
}


#bg_infos {
margin: 0 10px;
padding: 3px;
background-color: #fff;
border: 1px solid #333;
font-size: 11px;
}


/*Galeries latérales*/

#galerie {
position: absolute;
z-index: 50;
top: 235px;
width: 95px;
margin: 0;
padding: 0;
}

#galerie_haut {
height: 24px;
background: url(images/galerie_haut.png) no-repeat;
}

#galerie_centre {
background: url(images/galerie_bg.png) repeat-y;
}

#galerie_centre img {
margin-top: 8px;
margin-bottom: 8px;
margin-left: 13px;
}

#galerie_bas {
height: 24px;
background: url(images/galerie_bas.png) no-repeat;
}
