body
{
    background: url('../images-general/fond-2.jpg') repeat center;
    font-family: 'Trebuchet MS', Arial, sans-serif;
    color: #181818;
}
 
#bloc-page
{
	background: rgb(82,68,65);
    width: 1000px;
	min-height: 1000px; 
	/* overflow : auto; /* si texte dépasse de la hauteur height, mise en place de barres de defilement */ 
    margin: auto; /* centrage automatique */
	position: relative ;/* pour avoir positionnement absolu des autres sous blocs par rapport ce bloc père */
	
}

header
{
	position : relative ;
    background: url('../images-general/essai-banniere-7.jpg') right bottom no-repeat ;
	height: 130px ;
	width : 500px ;
	/*padding-top: 10px;*/
	padding-left: 350px;
	padding-right: 150px;
	
	margin: auto;
    font-family: 'Trebuchet MS', Arial, sans-serif;
    color: #181818;
}
 
header a
 {
	font-family: 'Times new roman', 'Trebuchet MS', Arial, sans-serif;
	font-style: italic;
	font-variant: normal;
	font-weight : bold ;
	font-size : 40px ;
	line-height : 45px ;
	text-decoration: none;
	color: rgb(214,125,28);
	text-align: right;
	text-shadow: 2px 2px 2px rgb(47,29,51);
 }
 
 #serie-icones{
        width: 100%;
        margin: 0;
        padding-left: 3px ;
		padding-right : 3px ;
        list-style: none;
		position : absolute ;
		right : 0px ;
		bottom : 0px ;
		}
#serie-icones li{
        float: right;
        padding: 0 0 10px 0;
        position: relative;
}

#serie-icones li a{
        float: left;
        height: 46px;
        padding: 0 4px;
		}

 
 #bande-verticale-1
 {
    background: rgb(55,29,51);
	width: 117px;
	min-height: 860 ; /* 1000-140 */
	position:absolute;
	left: 59px;
	top: 140px;
	z-index:1 ;/* bande priorité 1 */
	
    font-family: 'Trebuchet MS', Arial, sans-serif;
    color: #181818;
}

#menu-1
 {
    background: rgba(250,220,70,0.1);
	width: 228px;
	min-height: 853px ; /* 1000-147 */
	position:absolute;
	left: 0px;
	top: 147px;
	z-index:2 ;/* bande priorité 2 */
	font: italic bold 25px  'Times new roman', 'Trebuchet MS', Arial, sans-serif;    /* bold = gras */
    color: rgb(214,125,28);
	text-shadow: 1px 1px 1px rgb(47,29,51);
	text-align: center;
	padding-top: 22px;
	
	
}

#batiments-historiques a
{
	display: block;
    background: url('../images-general/essai-icone-batiments-historiques.jpg') right no-repeat ;
	width: 130px;
	height: 60px;
	/*position:absolute;
	left: 100px;
	/*top: 275px;
	z-index:2 ;/* bande priorité 2 */
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 15px;
	padding-left: 93px;
	padding-right: 5px;
	text-align:right;
	
	
    /*font-family: 'Times new roman', 'Trebuchet MS', Arial, sans-serif;
	font-style: italic;
	font-variant: normal;
	text-decoration: none;
    color: rgb(250,220,70);
	text-shadow: 1px 1px 1px rgb(150,100,51); */
	
	color:rgb(220,200,250);
    text-transform: uppercase; /* tout en majuscules */
    font: bold 12px/20px Arial, Helvetica;    /* bold = gras */
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

#batiments-historiques a:hover
{
	background: url('../images-general/essai-icone-batiments-historiques-passage-souris.jpg') right no-repeat ;
	color: rgb(255,255,255);
}

#histoire-lycee a
{
	display: block;
    background: url('../images-general/essai-icone-histoire-du-lycee.jpg') right no-repeat ;
	width: 80px;
	height: 60px;
	/*position:absolute;
	left: 100px;
	/*top: 275px;
	z-index:2 ;/* bande priorité 2 */
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 15px;
	padding-left: 143px;
	padding-right: 5px;
	text-align:right;
	
	
    /*font-family: 'Times new roman', 'Trebuchet MS', Arial, sans-serif;
	font-style: italic;
	text-decoration: none;
    color: rgb(250,220,70);
	text-shadow: 1px 1px 1px rgb(150,100,51);*/
	
	color: rgb(220,200,250);
    text-transform: uppercase; /* tout en majuscules */
    font: bold 12px/20px Arial, Helvetica;    /* bold = gras */
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

#histoire-lycee a:hover
{
	background: url('../images-general/essai-icone-histoire-du-lycee-passage-souris.jpg') right no-repeat ;
	color : rgb(255,255,255) ;
}

#collection-sciences-physiques a
{
	display: block;
    background: url('../images-general/essai-icone-collection-sciences-physiques.jpg') right no-repeat ;
	width: 130px;
	height: 60px;
	/*position:absolute;
	left: 100px;
	/*top: 275px;
	z-index:2 ;/* bande priorité 2 */
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 15px;
	padding-left: 93px;
	padding-right: 5px;
	text-align:right;
	
	
   /* font-family: 'Times new roman', 'Trebuchet MS', Arial, sans-serif;
	font-style: italic;
	text-decoration: none;
    color: rgb(250,220,70);
	text-shadow: 1px 1px 1px rgb(150,100,51);*/
	
	color: rgb(220,200,250);
    text-transform: uppercase; /* tout en majuscules */
    font: bold 12px/20px Arial, Helvetica;    /* bold = gras */
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

#collection-sciences-physiques a:hover
{
	background: url('../images-general/essai-icone-collection-sciences-physiques-passage-souris.jpg') right no-repeat ;
color : rgb(255,255,255) ;
}

#collection-sciences-naturelles a
{
	display: block;
    background: url('../images-general/essai-icone-collection-sciences-naturelles.jpg') right no-repeat ;
	width: 138px;
	height: 60px;
	/*position:absolute;
	left: 100px;
	/*top: 275px;
	z-index:2 ;/* bande priorité 2 */
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 15px;
	padding-left: 85px;
	padding-right: 5px;
	text-align:right;
	
	
   /* font-family: 'Times new roman', 'Trebuchet MS', Arial, sans-serif;
	font-style: italic;
	text-decoration: none;
    color: rgb(250,220,70);
	text-shadow: 1px 1px 1px rgb(150,100,51);*/
	
	color: rgb(220,200,250);
    text-transform: uppercase; /* tout en majuscules */
    font: bold 12px/20px Arial, Helvetica;    /* bold = gras */
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

#collection-sciences-naturelles a:hover
{
	background: url('../images-general/essai-icone-collection-sciences-naturelles-passage-souris.jpg') right no-repeat ;
	color : rgb(255,255,255) ;
}
#autres-collections a
{
	display: block;
    background: url('../images-general/essai-icone-autres-collections.jpg') right no-repeat ;
	width: 130px;
	height: 60px;
	/*position:absolute;
	left: 100px;
	/*top: 275px;
	z-index:2 ;/* bande priorité 2 */
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 15px;
	padding-left: 93px;
	padding-right: 5px;
	text-align:right;
	
	
   /* font-family: 'Times new roman', 'Trebuchet MS', Arial, sans-serif;
	font-style: italic;
	text-decoration: none;
    color: rgb(250,220,70);
	text-shadow: 1px 1px 1px rgb(150,100,51); */
	
	color: rgb(220,200,250);
    text-transform: uppercase; /* tout en majuscules */
    font: bold 12px/20px Arial, Helvetica;    /* bold = gras */
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

#autres-collections a:hover
{
	background: url('../images-general/essai-icone-autres-collections-passage-souris.jpg') right no-repeat ;
	color : rgb(255,255,255) ;
}

#archives-publications a
{
	display: block;
    background: url('../images-general/essai-icone-publications.jpg') right no-repeat ;
	width: 130px;
	height: 60px;
	/*position:absolute;
	left: 100px;
	/*top: 275px;
	z-index:2 ;/* bande priorité 2 */
	margin-top: 15px;
	margin-bottom: 5px;
	padding-top: 15px;
	padding-left: 93px;
	padding-right: 5px;
	text-align:right;
	
	
   /* font-family: 'Times new roman', 'Trebuchet MS', Arial, sans-serif;
	font-style: italic;
	text-decoration: none;
    color: rgb(250,220,70);
	text-shadow: 1px 1px 1px rgb(150,100,51); */
	
	color: rgb(220,200,250);
    text-transform: uppercase; /* tout en majuscules */
    font: bold 12px/20px Arial, Helvetica;    /* bold = gras */
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

#archives-publications a:hover
{
	background: url('../images-general/essai-icone-publications-passage-souris.jpg') right no-repeat ;
	color : rgb(255,255,255) ;
}
/*class icone menu 1 pour toutes les icones du menu 1*/

/*
http://red-team-design.developpez.com/tutoriels/css/menu-deroulant-css3/ :
 tutoriel pour le menu deroulant css3 sans javascript
*/

#menu-2
 {
    background: rgb(1,1,1);
	width: 728px;
	height: 35px;
	position:absolute;
	left: 250px;
	top: 147px;
    font-family: 'Trebuchet MS', Arial, sans-serif;
    color: #181818;
}

/* Principal */
#menu{
        width: 100%;
        margin: 0;
        padding: 10px 0 0 0;
        list-style: none;
		background: rgb(1,1,1);
        background: -moz-linear-gradient(rgb(47,42,40), rgb(1,1,1));
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(1,1,1)),color-stop(1, rgb(47,42,40)));
        background: -webkit-linear-gradient(rgb(47,42,40), rgb(1,1,1));
        background: -o-linear-gradient(rgb(47,42,40), rgb(1,1,1));
        background: -ms-linear-gradient(rgb(47,42,40), rgb(1,1,1));
        background: linear-gradient(rgb(47,42,40), rgb(1,1,1));
       /* background: #111;
        background: -moz-linear-gradient(#444, #111);
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
        background: -webkit-linear-gradient(#444, #111);
        background: -o-linear-gradient(#444, #111);
        background: -ms-linear-gradient(#444, #111);
        background: linear-gradient(#444, #111);
        -moz-border-radius: 50px;
        border-radius: 50px;
        -moz-box-shadow: 0 2px 1px #9c9c9c;
        -webkit-box-shadow: 0 2px 1px #9c9c9c;
        box-shadow: 0 2px 1px #9c9c9c;*/
}

#menu li{
        float: left;
        padding: 0 0 10px 0;
        position: relative;
}

#menu a{
        float: left;
        height: 25px;
        padding: 0 25px;
        color: rgb(220,200,250);
        text-transform: uppercase;
        font: bold 12px/25px Arial, Helvetica;
        text-decoration: none;
        text-shadow: 0 1px 0 #000;
}

#menu li:hover > a{
        color: #fafafa;
		
}

*html #menu li a:hover{ /* IE6 */
        color: #fafafa;
}

#menu li:hover > ul{
        display: block;
}

/* Sous-menu */

#menu ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;
	background: rgb(37,32,30);
    background: -moz-linear-gradient(rgb(37,32,30), rgb(1,1,1));
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(1,1,1)),color-stop(1, rgb(37,32,30)));
    background: -webkit-linear-gradient(rgb(37,32,30), rgb(1,1,1));
    background: -o-linear-gradient(rgb(37,32,30), rgb(1,1,1));
    background: -ms-linear-gradient(rgb(37,32,30), rgb(1,1,1));
    background: linear-gradient(rgb(37,32,30), rgb(1,1,1));
    /*background: #444;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);
    background: -o-linear-gradient(#444, #111);
    background: -ms-linear-gradient(#444, #111);
    background: linear-gradient(#444, #111);
    -moz-border-radius: 5px;
    border-radius: 5px;*/
}

#menu ul li{
    float: none;
    margin: 0;
    padding: 0;
    display: block;
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

#menu ul li:last-child{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#menu ul a{
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

*html #menu ul a{ /* IE6 */
        height: 10px;
        width: 150px;
}

*:first-child+html #menu ul a{ /* IE7 */
        height: 10px;
        width: 150px;
}
#menu ul a:hover{
        background: rgb(50,10,60);
        background: -moz-linear-gradient(rgb(71,14,85),  rgb(50,10,60));
        background: -webkit-gradient(linear, left top, left bottom, from(rgb(71,14,85)), to(rgb(50,10,60)));
        background: -webkit-linear-gradient(rgb(71,14,85),  rgb(50,10,60));
        background: -o-linear-gradient(rgb(71,14,85),  rgb(50,10,60));
        background: -ms-linear-gradient(rgb(71,14,85),  rgb(50,10,60));
        background: linear-gradient(rgb(71,14,85),  rgb(50,10,60));
}

/*#menu ul a:hover{
        background: #0186ba;
        background: -moz-linear-gradient(#04acec,  #0186ba);
        background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
        background: -webkit-linear-gradient(#04acec,  #0186ba);
        background: -o-linear-gradient(#04acec,  #0186ba);
        background: -ms-linear-gradient(#04acec,  #0186ba);
        background: linear-gradient(#04acec,  #0186ba);
}*/

#menu ul li:first-child a{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#menu ul li:first-child a:after{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid rgb(37,32,30);
}

#menu ul li:first-child a:hover:after{
    border-bottom-color: rgb(71,14,85);
}

#menu ul li:last-child a{
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Rétablissement du flottement */
#menu:after{
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */

/* fin menu deroulant */


#corps-texte
 {
    background: rgb(245,235,242);
	width: 728px;
	/*padding-left : 3px ;*/
	min-height: 545px ; /* 750-205 */
	overflow : auto; /* si texte dépasse de la hauteur height, mise en place de barres de defilement */
	position:absolute;
	left: 250px;
	top: 205px;
    font-family: 'Times new roman';
    color: #181818;
	padding-bottom : 50 px ;

}
#orientation-site
 {
background: rgb(50,10,60);
background: -moz-linear-gradient(rgb(75,35,85), rgb(50,10,60));
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(50,10,60)),color-stop(1, rgb(75,35,85)));
background: -webkit-linear-gradient(rgb(75,35,85), rgb(50,10,60));
background: -o-linear-gradient(rgb(75,35,85), rgb(50,10,60));
background: -ms-linear-gradient(rgb(75,35,85), rgb(50,10,60));
background: linear-gradient(rgb(75,35,85), rgb(50,10,60));
	width: 725px;
	height: 20px;
	font: bold 9px/25px Arial, Helvetica;
    color: rgb(214,125,28) ;
	padding-left : 3px ;
	padding-bottom : 5px ;
}

#orientation-site a{
	color:rgb(250,220,70);
    text-transform: none;
    font: bold 9px/25px Arial, Helvetica;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
		
}

#orientation-site a:hover{
color:rgb(255,255,255);
}

#corps-texte article{
color: rgb(30,30,30) ;
padding-left : 20px ;
padding-right : 20px ;
padding-top : 15px ;
padding-bottom : 20px ;
font-family : Arial, 'Trebuchet MS', Helvetica ;
font-size : 12px ;
line-height : 16px ; /* hauteur entre lignes*/
text-align : left ;
/*
text-indent : 30px ; (retrait 1ere ligne   commentaire à enlever)
text-align : justify ;
line-height : 18px ; 
*/
}

#corps-texte article a{
text-decoration: underline;
color: rgb(120,80,130) ;
font-weight: bold ;
}

#corps-texte article a:hover{
color: rgb(80,40,90) ;
font-weight: bold ;
text-decoration : underline ;
}

#corps-texte article p{
padding-left : 0px ;
padding-bottom : 0px ;
padding-top : 0px ;
padding-right : 0px ;
margin-bottom : 0px ;
margin-top : 0px ;

}

#corps-texte article h1{
color: rgb(150,110,160) ;
text-transform: uppercase;
text-shadow: 0 1px 0 #000;
font-weight : bold ;
/* font-style : italic ; */
font-size : 25px ;
line-height : 28px ; /* hauteur entre lignes*/
font-family : 'Times new roman', 'Trebuchet MS', Arial, Helvetica ;
text-align : center ;
width : 650px ;
padding-left : 0px ;
padding-bottom : 6px ;
padding-top : 10px ;
padding-right : 0px ;
margin-bottom : 0px ;
margin-top : 0px ;
margin-left: auto;
margin-right: auto;
}

#corps-texte article h2{
color: rgb(150,110,160) ;
text-shadow: 0 0.4px 0 #000;
text-decoration : blink ;
font-weight : bold ;
/* font-style : italic ; */
font-size : 22px ;
font-family : 'Times new roman', 'Trebuchet MS', Arial, Helvetica ;
text-align : center ;
padding-left : 0px ;
padding-bottom : 5px ;
padding-top : 8px ;
padding-right : 0px ;
margin-left : 0px ;
margin-bottom : 0px ;
margin-top : 0px ;
margin-right : 0px ;
}

#corps-texte article h3{
color: rgb(150,110,160) ;
text-transform: uppercase;
text-shadow: 0 0.4px 0 #000;
font-weight : bold ;
/* font-style : italic ; */
font-size : 18px ;
line-height : 22px ; /* hauteur entre lignes*/
font-family : 'Times new roman', 'Trebuchet MS', Arial, Helvetica ;
text-align : left ;
width : 100% ;
padding-left : 0px ;
padding-bottom : 0px ;
padding-top : 12px ;
padding-right : 0px ;
margin-bottom : 5px ;
margin-top : 5px ;
margin-left: 0px;
margin-right: 0px;
}

#corps-texte article h4{
color: rgb(150,110,160) ;
text-transform: uppercase;
text-shadow: 0 0.4px 0 #000;
font-weight : bold ;
/* font-style : italic ; */
font-size : 14px ;
line-height : 15px ; /* hauteur entre lignes*/
font-family : 'Times new roman', 'Trebuchet MS', Arial, Helvetica ;
text-align : left ;
width : 100% ;
padding-left : 0px ;
padding-bottom : 0px ;
padding-top : 6px ;
padding-right : 0px ;
margin-bottom : 10px ;
margin-top : 10px ;
margin-left: 0px;
margin-right: 0px;
}

#bouton-accueil-musee a
{
	display: block;
    background: url('../images-general/photo-bouton-musee-normale.JPG') right no-repeat ;
	width: 500px;
	height: 148px;
	/*position: absolute;
	left: 100px;
	top: 275px;
	z-index:2 ;/* bande priorité 2 */
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 15px;
	padding-left: 95px;
	padding-right: 0px;
	padding-bottom: 15px;
	text-align: left;
	
	
    /*font-family: 'Times new roman', 'Trebuchet MS', Arial, sans-serif;
	font-style: italic;
	font-variant: normal;
	text-decoration: none;
    color: rgb(250,220,70);
	text-shadow: 1px 1px 1px rgb(150,100,51); */
	
	/*color:rgb(220,200,250);*/
	color:rgb(255,0,0);
    text-transform: uppercase; /* tout en majuscules */
    font: bold 36px/60px Arial, Helvetica;    /* bold = gras */
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

#bouton-accueil-musee a:hover
{
	background: url('../images-general/photo-bouton-musee-claire.JPG') right no-repeat ;
	color: rgb(255,255,255);
}

#bouton-accueil-association a
{
	display: block;
    background: url('../images-general/photo-bouton-association-normale.JPG') right no-repeat ;
	width: 500px;
	height: 148px;
	position: center;
	/*left: 100px;
	/*top: 275px;
	z-index:2 ;/* bande priorité 2 */
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 15px;
	padding-left: 95px;
	padding-right: 0px;
	padding-bottom: 15px;
	text-align:left;
	
	
    /*font-family: 'Times new roman', 'Trebuchet MS', Arial, sans-serif;
	font-style: italic;
	font-variant: normal;
	text-decoration: none;
    color: rgb(250,220,70);
	text-shadow: 1px 1px 1px rgb(150,100,51); */
	
	/*color:rgb(220,200,250);*/
	color:rgb(255,0,0);
    text-transform: uppercase; /* tout en majuscules */
    font: bold 36px/60px Arial, Helvetica;    /* bold = gras */
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

#bouton-accueil-association a:hover
{
	background: url('../images-general/photo-bouton-association-claire.jpg') right no-repeat ;
	color: rgb(255,255,255);
}

#bouton-accueil-patrimoine a
{
	display: block;
    background: url('../images-general/photo-bouton-patrimoine-normale.JPG') right no-repeat ;
	width: 500px;
	height: 148px;
	position: center;
	/*left: 100px;
	/*top: 275px;
	z-index:2 ;/* bande priorité 2 */
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 15px;
	padding-left: 95px;
	padding-right: 0px;
	padding-bottom: 15px;
	text-align:left;
	
	
    /*font-family: 'Times new roman', 'Trebuchet MS', Arial, sans-serif;
	font-style: italic;
	font-variant: normal;
	text-decoration: none;
    color: rgb(250,220,70);
	text-shadow: 1px 1px 1px rgb(150,100,51); */
	
	/*color:rgb(220,200,250);*/
	color:rgb(255,0,0);
    text-transform: uppercase; /* tout en majuscules */
    font: bold 36px/60px Arial, Helvetica;    /* bold = gras */
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

#bouton-accueil-patrimoine a:hover
{
	background: url('../images-general/photo-bouton-patrimoine-claire.JPG') right no-repeat ;
	color: rgb(255,255,255);
}

#photo-presentation-liste
{
text-align : center ;
padding-left : 0px ;
padding-bottom : 0px ;
padding-top : 0px ;
padding-right : 0px ;
margin-left : 0px ;
margin-bottom : 0px ;
margin-top : 0px ;
margin-right : 0px ;
}

.flottant1
{
float:right ;
margin-left : 20px ;
margin-top : 10px ;
}

.flottant2
{
float:left ;
margin-right : 20px ;
margin-top : 10px ;
}

img.type-1-image /*pour les photos de présentation des pages presentant un répertoire par exemple*/
{
max-height : 170px ;

}

img.type-2-image   /*pour les listes verticales par exemple*/
{
width : 68px ;
}

img.type-3-image   /*pour les listes horizontales par exemple*/
{
height : 45px ;
}

img.type-4-image   /*pour les bandeaux par exemple*/
{
max-width : 690px ;
margin-bottom : 20px ;
}

img.type-5-image   /*pour page presentaton musee, tableau*/
{
max-width : 200px ;
}

img.type-6-image   /*pour page presentaton musee, tableau*/
{
max-height : 25px ;
}

img.type-7-image   
{
margin-top : 10px ;
}

#introduction{
text-align : justify ;
text-indent : 20px ;
}

div.mise-en-garde{
font-style : italic ;
font-size : 10px ;
text-align : justify ;
text-indent : 20px ;
padding-bottom : 10px ;
padding-top : 0px ;
}

div.illustration-article{
color: rgb(150,110,160) ;
text-shadow: 0 0.4px 0 #000;
padding : 10px ;
font-weight : bold ;
/* font-style : italic ; */
font-size : 14px ;
font-family : 'Times new roman', 'Trebuchet MS', Arial, Helvetica ;
/*width : 700px; */
margin : auto ;
}
div.illustration-article p{
text-align : center ;
}

/*
#photo-presentation figure  {
 margin-left: auto;
 margin-right: auto;
 border : groove, thick ;
 text-align : center ;
}
*/

div#galerie-photos
{
/*display: inline-block ;
vertical-align : top ; /* aligné par la barre verticale avec l'autre inline-block */
/*width: 800px ;*/
/* background: rgb(230,27,170) ;
border: 1px solid #dcb ; */
padding-left : 0px ;
padding-bottom : 0px ;
padding-top : 0px ;
padding-right : 0px ;
margin-left : 0px ;
margin-bottom : 0px ;
margin-top : 0px ;
margin-right : 0px ;
text-align: left ;
font: 0.9em Georgia, serif ;
}

ul#galerie-photos-mini
{
display: inline-block ;
vertical-align : top ; /* aligné par la barre verticale avec l'autre inline-block */
width: 90px ;
max-height: 360px ;
overflow : auto ;   /* ascenceurs automatiques si ça depasse */
/* background: rgb(23,145,234) ;
border: 1px solid #dcb ; */
padding-bottom : 0px ;
padding-top : 0px ;
padding-right : 0px ;
padding-left : 0px ;
margin-left : 0px ;
margin-bottom : 0px ;
margin-top : 0px ;
margin-right : 0px ;
list-style-type: none ;
text-align: center ;
}



ul#galerie-photos-mini li
{
  /*float: left;*/
}

ul#galerie-photos-mini li a img
{
  margin: 2px 1px ;
  border: 1px solid #dcb ;
}


figure#figure-article
{
	text-align: center ;
	margin : auto ;
}
	
	
figure#photo-objet
{
display: inline-block ;
vertical-align : top ; /* aligné par la barre verticale avec l'autre inline-block */
width: 540px ;
height: 330px ;
overflow : auto ;   /* ascenceurs automatiques si ça depasse */
/*background: rgb(23,145,234) ;
border: 1px solid #dcb ; */
padding-bottom : 0px ;
padding-top : 0px ;
padding-right : 0px ;
padding-left : 0px ;
margin-left : 0px ;
margin-bottom : 0px ;
margin-top : 5px ;
margin-right : 0px ;
list-style-type: none ;
text-align: center ;
}

img#grande-photo
{
/*max-width : 450px ; */
max-height : 270px ;

}

figure#photo-objet2
{
display: inline-block ;
vertical-align : top ; /* aligné par la barre verticale avec l'autre inline-block */
width: 720px ;
height: 320px ;
overflow : auto ;   /* ascenceurs automatiques si ça depasse */
/*background: rgb(23,145,234) ;
border: 1px solid #dcb ; */
padding-bottom : 0px ;
padding-top : 0px ;
padding-right : 0px ;
padding-left : 0px ;
margin-left : -10px ;
margin-bottom : 0px ;
margin-top : 15px ;
margin-right : 0px ;
list-style-type: none ;
text-align: center ;
}

img#grande-photo
{
/*max-width : 450px ; */
max-height : 290px ;

}


div#caracteristiques-objet
{
/*display: inline-block ;
vertical-align : top ; /* aligné par la barre verticale avec l'autre inline-block */
/*width: 110px ;*/
/*background: rgb(19,245,145) ;
border: 1px solid #dcb ;*/
padding-left : 0px ;
padding-bottom : 0px ;
padding-top : 0px ;
padding-right : 0px ;
margin-left : 0px ;
margin-bottom : 0px ;
margin-top : 0px ;
margin-right : 0px ;
  text-align: left;
  font-family: Arial ;
  font-size : 10px ;
}


.liste-chapitres 
{
font-size : 14px ;
font-family : Arial ;
line-height : 25px ;
list-style-type : none ; /* pas de puces */
}

.liste-objets
{
font-size : 14px ;
font-family : Arial ;
line-height : 25px ;
list-style-type : none ;
}

div#texte-article
{
/*text-align : justify ;*/
/*text-indent : 20px ;*/
margin-bottom : 20px ;
margin-top : 20px ;
}

div#texte-article p
{
/*text-align : justify ;*/
text-indent : 20px ;
/*margin-bottom : 10px ;*/
}

.adresse-postale
{
font-family : Arial ;
text-indent : 0px ;
padding-left : 0px ;
padding-bottom : 4px ;
padding-top : 4px ;
padding-right : 0px ;
margin-left : 40px ;
margin-bottom : 0px ;
margin-top : 0px ;
margin-right : 0px ;
}

table.tableau-bureau-association
{
border-collapse : collapse ;
border : 3px solid rgb(120,120,120) ;
margin : 10px ;
}
table.tableau-bureau-association td,th
{
border : 1px solid rgb(120,120,120) ;
padding : 3px ;
text-align : left ;
}

table.tableau-caracteristiques-objets
{
border-collapse : collapse ;
border : 3px solid rgb(120,120,120) ;
margin : 10px ;
}
table.tableau-caracteristiques-objets td,th
{
border : 1px solid rgb(120,120,120) ;
padding : 3px ;
text-align : left ;
}


table.tableau-plaque
{
border-collapse : collapse ;
border : 3px solid rgb(120,120,120) ;
margin : 10px ;
}
table.tableau-plaque th, td
{
border : 1px solid rgb(120,120,120) ;
padding : 3px ;
text-align : center ;
}

table.tableau-2
{
border-spacing : 10px ; /* largeur espace entre cellules */
/* border-collapse : collapse ; */
border : none ;
}


table.tableau-2 th
{
border : none ;
text-align : right ;
width : 220px ;
overflow : auto ;/* barres de defilement si necessaire */
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
}


table.tableau-2  td /*ne sert pas*/
{
border : none ;
text-align : right ;
width : 220px ;
overflow : auto ;/* barres de defilement si necessaire */
background: rgb(1,1,1);
font-family: 'Trebuchet MS', Arial, sans-serif;
color: rgb(250,250,250);
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
}

table.tableau-3
{
border : none ;
border-collapse : collapse ;
}

table.tableau-3 th
{
border : none ;
text-align : left ;
vertical-align:top ;
width : 220px ;
height : 150px ;
overflow : auto ;/* barres de defilement si necessaire */
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
font: bold 20px  'Times new roman', 'Trebuchet MS', Arial, sans-serif;    /* bold = gras */
color: rgb(220,200,250);
text-shadow: 1px 1px 1px rgb(47,29,51);
}

table.tableau-3 th a p
{
font: bold 20px  'Times new roman', 'Trebuchet MS', Arial, sans-serif;    /* bold = gras */
color: rgb(220,200,250);
text-shadow: 1px 1px 1px rgb(47,29,51);
text-decoration: none;
background-color: rgba(15,15,15, 0.5); 
}
table.tableau-3 th a p:hover
{
color: rgb(255,255,255);
text-decoration: none;
}

table.tableau-3  td
{
position : relative ;
border : none ;
text-align : left ;
vertical-align:top ;
width : 220px ;
height : 105px ;
overflow : auto ;/* barres de defilement si necessaire */
background: rgb(250,250,250);
font : 11px 'Trebuchet MS', Arial, sans-serif;
color: rgb(30,30,30) ;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
padding-top: 5px;
padding-left: 8px;
padding-right: 8px;
}

table.tableau-3 td a
{
position : absolute ;
right : 0px ;
bottom : 0px ;
background-color: rgba(15,15,15, 0.6);
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
}

table.tableau-3 td p
{
padding-top: 10px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
}


table.tableau-3 td a p
{
text-transform: uppercase; /* tout en majuscules */
font: bold 12px/20px Arial, Helvetica;    /* bold = gras */
text-decoration: none;
text-shadow: 0 1px 0 #000;
color: rgb(220,200,250);
text-decoration: none;
text-align : right ;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 5px;
margin-left: 5px;
}

table.tableau-3 td a p:hover
{
color: rgb(255,255,255);
text-decoration: none;
}

th.acces
{
 background: url("/images-general/fronton-entree-hoche.JPG") no-repeat ;
 background-color: #ffff66;
}
th.actuellement
{
 background: url("/images-general/tn_affiche-exposition-en-cours.jpg") no-repeat ;
}
th.objets-remarquables
{
 background: url("/images-general/objet-remarquable.JPG") no-repeat ;
}

table.tableau-4
{
border : none ;
border-collapse : collapse ;
margin-top : 10px ;
margin-bottom : 30px ;
margin-right : 30px ;
margin-left : 30px ;
font-size : 12px ;
}

table.tableau-4  th, td
{
border : 0px ;
padding : 3px ;
text-align : left ;
font-size : 12px ;
vertical-align:bottom ;
}

table.tableau-liste
{
margin-top : 10px ;
margin-bottom : 30px ;
margin-right : 30px ;
margin-left : 30px ;
font-size : 15px ;
}
table.tableau-liste  th, td
{
border : 0px ;
padding : 3px ;
text-align : left ;
}

footer{
z-index:999 ;/* bande priorité 999 */
position : fixed ;
bottom : 0px ;
background: #181818;
background: -moz-linear-gradient(rgb(82,68,65), #181818);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #181818),color-stop(1, rgb(82,68,65)));
background: -webkit-linear-gradient(rgb(82,68,65), #181818);
background: -o-linear-gradient(rgb(82,68,65), #181818);
background: -ms-linear-gradient(rgb(82,68,65), #181818);
background: linear-gradient(rgb(82,68,65), #181818);
width: 997px;
height: 20px;
font-family: 'Trebuchet MS', Arial, sans-serif;
color: rgb(214,125,28) ;
margin: 0;
padding-left : 3px ;
padding-bottom : 3px ;
padding-top : 0px ;
padding-right : 0px ;
}

#tableau-bas-de-page{
        width: 100%;
        margin: 0;
        padding-left: 3px ;
		padding-right : 3px ;
        list-style: none;
		}
#tableau-bas-de-page li{
        float: right;
        padding: 0 0 10px 0;
        position: relative;
}

#tableau-bas-de-page li a{
        float: left;
        height: 20px;
        padding: 0 25px;
        color: rgb(220,200,250);
        text-transform: uppercase;
        font: bold 9px/25px Arial, Helvetica;
        text-decoration: none;
        text-shadow: 0 1px 0 #000;
		text-transform : none ;
		}
		
#tableau-bas-de-page li:hover > a{
        color: #fafafa;
		}

*html #tableau-bas-de-page li a:hover{ /* IE6 */
        color: #fafafa;
		}