/*----------------------------------------------------------------------------------------*/
/*------------------------------------------------partie globale--------------------------*/
/*----------------------------------------------------------------------------------------*/
/*Propriété du body*/
body {
height: 100%; 
margin: 0px;  
background-color: #FFF;
padding:0px; 
text-align:center;
font-family:arial;
} 
img {
border : none;
}
a{
color: #ef7807;
margin:0px;
text-decoration: underline;
}
a:hover{
color: #78b3b9;
text-decoration: underline;
}

/*------------------------- */

/*propriété de la partie qui contient le logo et la lettre d'information */
div#entete {
width:1078px;
height:117px;
margin-top: 54px;
margin-left: auto;
margin-right: auto;
background-image: URL("images/entete.gif");
background-color: #000;
}

div#retour_accueil {
width:210px;
height:117px;
margin-left: 154px;
margin-right: auto;
background: transparent;
float:left;
padding:0px;
text-align:left;
}
div#lettre_information {
width:182px;
height:100px;
margin-left: auto;
margin-right: 117px;
background-color: #FFF;
float:right;
padding:0px;
text-align:left;
font-size:8pt;
font-family:arial, verdana;
font-weight:normal;
}
h1{
color:#ef7807;
padding:0px;
margin:0px;
font-family:arial;
font-weight:normal;
font-size:15pt;
}
.newsletter{
color:#ef7807;
padding:0px;
margin:0px;
font-family:arial;
font-weight:normal;
font-size:20pt;
}
form{
padding:0px;
margin:0px;
}
.submit {
border:none;
background: transparent url('images/input.gif') no-repeat top left; 
width: 61px; 
height: 17px;
color:#FFFFFF; 
font-size:10pt;
}

.text {
background: transparent ; 
width: 115px; 
height: 22px; 
font-family:arial;
font-weight:normal;
font-size:13px;
}
/*------------------------- */
/*propriété de la partie qui contient les boutons du menu */
div#menu {
width:1078px;
height:30px;
background-image: URL("images/menu.gif");
margin-left: auto;
margin-right: auto;
background-color: #000;
margin-top:0px;
}
div#conteneur_menu {
width:655px;
height:18px;
background-color: #transparent;
text-align:left;
float:left;
margin-left:120px;
margin-top:4px;
font-family:arial;
font-weight:normal;
padding-left: 0;
}
#navlist{
width:615px;
height:18px;
margin-left: auto;
margin-right: auto;
margin-top:0px;
margin-bottom:0px;
background-color: #transparent;
text-align:left;
float:left;
font-family:arial, times;
display: inline;
list-style-type: none;
}
#navlist li{
font: bold;
color: #fff;
font-family:arial, times;
font-size:9pt;
display: inline;
list-style-type: none;
}
#navlist a{
font-weight:bold;
color: #fff;
margin:0px;
padding-right:3px;
text-decoration: none;
}
#navlist a:hover{
color: #ef7807;
text-decoration: none;
}
div#bouton_menu {
width:180px;
height:14px;
background-color: #transparent;
text-align:left;
float:left;
margin-left:-15px;
margin-top:8px;
font-family:arial;
font-weight:normal;
padding-left:0;
}
#navlist2{
width:180px;
height:14px;
margin-left: auto;
margin-right: auto;
margin-top:0px;
margin-bottom:0px;
background-color: #transparent;
text-align:left;
float:left;
font-family:arial, times;
display: inline;
list-style-type: none;
}
#navlist2 li{
font: bold;
color: #fff;
font-family:arial, times;
font-size:8pt;
display: inline;
list-style-type: none;
}
#navlist2 a{
font-weight:bold;
color: #fff;
margin:0px;
padding-right:30px;
text-decoration: none;
}
#navlist2 a:hover{
color: #000;
text-decoration: none;
}
/*------------------------- */
/*propriété du pied de page */
div#pied {
width:1078px;
height:100px;
margin-left: auto;
margin-right: auto;
background-repeat: no-repeat;
background-image: URL("images/pied.gif");
font-size:8pt;
text-align:center;
}
div#conteneur_pied {
width:655px;
height:18px;
background-color: #transparent;
text-align:center;
float:left;
margin-left:154px;
margin-top:4px;
font-family:arial;
font-weight:normal;
padding-left: 0;
}
#navlist3{
width:615px;
height:18px;
margin-left:auto;
margin-right:auto;
margin-top:25px;
margin-bottom:0px;
background-color: #transparent;
text-align:center;
float:left;
font-family:arial, times;
display: inline;
list-style-type: none;
}
#navlist3 li{
font: bold;
color: #fff;
font-family:arial, times;
font-size:8pt;
display: inline;
list-style-type: none;
}
#navlist3 a{
color: #fff;
margin:0px;
padding-right:10px;
text-decoration: underline;
}
#navlist3 a:hover{
color: #ef7807;
text-decoration: underline;
}




/*--------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------Page accueil----------------------------*/
/*--------------------------------------------------------------------------------------------------*/

/*propriété de la partie qui englobe la partie de gauche et le contenu */
div#global{
width:1078px;
position:relative;
margin-left: auto;
margin-right: auto;
background-repeat: no-repeat;
background-color: #FFF;
}
div#gauche_accueil {
width:203px;
height:518px;
margin-left: 154px;
margin-right: auto;
background-image: URL("images/fond_gauche_accueil.gif");
float:left;
padding:0px;
text-align:right;
font-size:10pt;
font-family:arial, verdana;
font-weight:bold;
color:#78b3b9;
}
div#centre_accueil {
width:600px;
height:201px;
margin-left: 8px;
margin-right: auto;
background-color: #FFF;
float:left;
padding:0px;
text-align:left;
}
div#centre_gauche_accueil {
width:404px;
height:305px;
margin-left: 8px;
margin-top: 10px;
margin-right: auto;
background-image: URL("images/fond_centre_gauche_accueil.gif");
float:left;
padding:0px;
text-align:left;
}
div#titre_rubrique {
width:auto;
height:20px;
margin-top: 4px;
margin-left: 10px;

background:transparent;
padding:0px;
text-align:left;
color:#FFFFFF;
font-family:arial, verdana;
font-size:12px;
font-weight:bold;
}
div#image_rubrique {
width:126px;
height:275px;
margin-top: 8px;
margin-left: auto;
margin-right: auto;
background:transparent;
float:left;
padding:0px;
text-align:right;
}
div#image_actu {
margin: 5px;
background:transparent;
float:left;
padding:5px;
text-align:right;
}
div#texte_rubrique {
width:269px;
height:240px;
margin-top: 8px;
margin-left: 4px;
margin-right: auto;
background:transparent;
float:left;
padding:0px;
text-align:left;
font-size:10px;
}
div#texte_actu {
margin-top: 8px;
margin-left: 4px;
margin-right: auto;
background:transparent;
padding:0px;
text-align:left;
font-size:10px;
min-height: 300px;
}

div#bouton_rubrique {
width:auto;
height:18px;
margin-top: 6px;
margin-left: auto;
margin-right: 6px;
background:transparent;
float:right;
padding:0px;
text-align:right;
}
div#centre_droit_accueil {
width:187px;
height:305px;
margin-left: 8px;
margin-top: 10px;
margin-right: auto;
background-image: URL("images/fond_centre_gauche_accueil.gif");
float:left;
padding:0px;
text-align:left;
font-size:10px;
}
div#texte_info_pratique {
width:179px;
height:240px;
margin-top: 8px;
margin-left: 4px;
margin-right: auto;
background:transparent;
float:left;
padding:0px;
text-align:left;
font-size:10px;
}
.lien_orange{
font-size:11px;
color:#ef7807;
text-decoration:underline;
font-weight:bold;
}
.sous-titre{
font-size:11px;
font-weight:bold;
}
/*----------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------Page 1-----------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
div#gauche_musee{
/*height:1093px;*/ 
width:203px;
/* background-image: URL("images/fond_gauche_musee.jpg"); */
margin-left: 153px;
margin-right: auto;
float:left;
padding:0px;
}
div#presentation{
height:286px; 
width:407px;
background-color:#FFF;
margin-left: 10px;
margin-top: 10px;
margin-right: auto;
float:left;
padding:0px;
text-align:left;
font-size:11px;
}
div#presentation2{
/*height:286px; */
width:598px;
background-color:#FFF;
margin-left: 10px;
margin-top: 10px;
margin-right: auto;
float:left;
padding:0px;
text-align:left;
font-size:11px;
}

div#liendia{
float:left;
padding-left:10px;
/*padding-top:30px;*/
text-align:left;
font-size:11px;
}

div#info_pratique{
height:279px; 
width:185px;
background-image: URL("images/fond_info.gif");
margin-left: 10px;
margin-top: 10px;
margin-right: auto;
float:left;
padding:0px;
text-align:left;
font-size:11px;
position:relative;
}
#info_pratique p {
margin:0px;
padding:0px;
}
	
div#saison2008{
/*height:388px; */
height:518px; 
width:598px;
/*background-image: URL("images/fond_bloc_expo.gif");*/
margin-left: 10px;
margin-top: 10px;
margin-right: auto;
float:left;
padding:0px;
text-align:left;
font-size:11px;
position:relative;
}
#saison2008 p {
margin:0px;
padding:0px;
}

div#conteneur_bouton{
position: absolute;
right: 10px;
bottom: 1px;
width: 500px;
height: 25px;
background-color: transparent;
text-align:right;
}
hr{
border-style:dashed;
border-color:#8dbdc2;
}
/*-------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------Page 2-----------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
div#gauche_expo{
height:809px; 
width:203px;
/*background-image: URL("images/fond_gauche_expo.jpg");*/
margin-left: 153px;
margin-right: auto;
float:left;
padding:0px;
}
div#titre{
width:407px;
background-color:#FFF;
margin-left: 10px;
margin-top: 10px;
margin-right: auto;
float:left;
padding:0px;
text-align:left;
font-size:11px;
}
div#expo_photo{
width:597px;
height:763px;
background-image: URL("images/fond_expo_photo.gif");
margin-left: 10px;
margin-top: 10px;
margin-right: auto;
float:left;
padding:0px;
text-align:left;
font-size:11px;
}
div#conteneur_photo_expo{
width:500px;
height:490px;
background-color:#FFF;
margin-left: 45px;
margin-top: 20px;
margin-right: auto;
float:center;
padding:0px;
text-align:center;
position:relative;

}
div#conteneur_photo_expo img{
margin-top: 20px;
}

div#diaporama_miniature{
width:587px;
height:120px;
background:transparent;
margin-left: 10px;
margin-top: 25px;
margin-right: auto;
float:left;
padding:0px;
text-align:center;
font-size:11px;
}
div#diaporama_miniature img{
margin-left: 10px;
}


/*----------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------- Plan du site ----------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

div#plan{
margin: 0px;
padding: 0px;
}

#plan a{
color: #000000;
margin:0px;
text-decoration: none;
}
#plan a:hover{
color: #ef7807;
text-decoration: underline;
}

#plan h1{
color:#ef7807;
padding-top:10px;
margin:0px;
font-family:arial;
font-weight:bold;
font-size:12pt;
}

div#plan h2{
color:#ef7807;
padding-left:20px;
margin:0px;
font-family:arial;
font-weight:normal;
font-size:10pt;
}

div#plan h3{
color:#ef7807;
padding-left:40px;
margin:0px;
font-family:arial;
font-weight:normal;
font-size:9pt;
}

div#plan h4{
color:#ef7807;
padding-left:60px;
margin:0px;
font-family:arial;
font-weight:normal;
font-size:8pt;
}