/* --- Général --- */
* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
html {
font-size: 100%;
font-style: normal;
}
body {
font: 0.65em Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #3D1C0F;
}
a {
text-decoration: none;
color: #E5CEA5;
} 
a:hover {
color: #E0B870;
}
a:hover.pdf {
color: #B91D21;
}
/* a:focus {
outline:none;
} */
h1, h2, h3, h4, h5 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-style: normal;
}
h2 {
font-size: 2em;
margin: 10px 0 5px 0;
color: #E0B870;
line-height:1.3em;
}
h3 {
font-size: 1.7em;
color: #BA8045;
line-height:1.2em;
padding: 12px 18px 0 18px;
}
h4 {
font-size: 1.6em;
color: #E0B870;
margin: 5px 0 7px 0;
padding: 5px 18px 0 18px;
line-height:1.4em;
}
h2 a, h2 a:visited {
border-bottom: 1px dotted #E5CEA5;
padding-bottom:3px;
}
h4 a, h4 a:visited {
border-bottom: 1px dotted #E5CEA5;
padding-bottom:2px;
}
h2 a:hover {
border-bottom: 1px dotted #E0B870;
padding-bottom:3px;
}
h4 a:hover {
border-bottom: 1px dotted #E0B870;
padding-bottom:2px;
}
p {
line-height: 1.25em;
font-size: 1.1em;
padding: 8px 18px 8px 18px;
}
div.clearboth {
clear:both;
}
div.clearleft {
clear:both;
}
div.clearright {
clear:both;
}
img {
border: none;
}
div.trait {
border-bottom: 1px solid #501E08;
height: 5px;
margin: 0 18px 5px 18px;
}
/* hr {
color: #501E08;
background-color: #501E08;
height: 1px;
border: 0;
margin: 5px 18px 0 0;
} */

/* --- Bloc conteneur global --- */
div#page {
position: relative; /* Permet au bloc de servir de référent pour ses descendants positionnés en absolu */ 
width: 100%;
margin: 0 auto;
min-height: 100%;
}
/* Ne pas oublier les styles suivants, à appliquer au premier élément et au dernier élément (hors pied de page) du bloc conteneur */
div#page #prem {
margin-top: 0; /* Evite tout risque de fusion des marges */
height:100px;
background: #000000;
text-align: left;
border-bottom: 5px solid #5A2C1A;
}
#logo {
width:760px;
height: 60px;
margin: 0 auto;
padding: 15px 0 0 0;
}
p.alerte { font: 1.6em Verdana, Geneva, Arial, Helvetica, sans-serif; color: #D40202;  }
div#page #der {
margin-bottom: 0; /* Evite tout risque de fusion des marges */
padding-bottom: 100px; /* Attention : cet espace doit permettre de placer le pied de page ! */ 
/*visibility: hidden;*/ 
}
/* --- Fond avec motif --- */
div#fond {
clear:both;
background: url(images/motif.gif) repeat-x;
}
/* --- Contenu --- */
div#contenu {
width:760px;
margin: 0 auto;
}

/* --- Pied de page --- */
div#piedpage {
position: absolute;
bottom: 0;
left: 0;
width: 100%; /* Pour que le bloc prenne toute la largeur du bloc de référence - Note : le bloc de référence est le plus proche ancêtre positionné en relatif ou en absolu */
height: 90px;
border-top: 5px solid #5A2C1A;
background: #000000;
}

/* --- Navigation --- */
ul#menu {
float: left;
padding: 0 0 50px 0;
list-style-type: none;
}
ul#menu li {
width: 105px;
float: left;
}
ul#menu li a {
display: block;
height: 26px;
padding-top: 9px;
}
ul#menu a, ul#menu a:visited {
font: 1.4em Georgia, "Times New Roman", Times, serif;
text-align: center;
background: url(images/onglet.gif) no-repeat bottom center;
}
ul#menu a:hover {
background: url(images/ongletb.gif) no-repeat bottom center;
}
ul#note {
float: right;
list-style-type: none;
overflow: hidden;
padding: 8px 0 5px 0;
}
ul#note li {
width: 15px;
float: left;
}
ul#note li a {
text-indent: -5000px;
display: block;
height: 15px;
}
ul#note a, ul#note a:visited {
background: url(images/note.gif) no-repeat top center;
padding-bottom:1px;
}
ul#note a:hover {
background: url(images/noteb.gif) no-repeat top center;
padding-bottom:1px;
border-bottom: 1px dotted #E0B870;
}
ul#langue {
float: right;
margin-left: 20px;
list-style-type: none;
overflow: hidden;
padding: 10px 0 5px 0;
}
ul#langue li {
border-left: 1px solid #303030;
height:1.3em;
float: left;
line-height: 1em;
margin: 0 7px 0 -5px;
padding: 0 5px 0 5px;
}
ul#langue  li a {
font-size: 1em;
}
ul#langue li a:hover {
padding-bottom:1px;
border-bottom: 1px dotted #E0B870;
}

/* Galerie */
div.cadre1 {
width: 760px; 
float:left;
margin-bottom:30px;
background: #202020 url(images/coin.gif) no-repeat top right;
}
div.cadre1 p {
line-height:1.4em;
}
div.cadre1 div.trait {
margin: 0 18px 5px 18px;
}
div.diaporama {
float: left;
margin-right: 18px;
width: 465px; 
height: 360px;
/* background: url(images/galphot/imagb.jpg) no-repeat;   Pour afficher une image quand le pluggin flash n'est pas installé */
}

/* --- Expos --- */
/*div#gauche {
float: left;
}*/
div.cadre2 {
width: 490px; 
float: left;
background-color: #000000;
margin-bottom:40px;
}
div.cadre2 img {
width: 192px; 
height: 260px;
float: left;
padding-right: 18px;
}
div.cadre2 h3 {
font-size: 1.5em;
}
div.cadre2 h2 {
padding-right:18px;
font-size: 1.8em;
}
div.cadre2 div.trait {
margin: 0 18px 10px 18px;
}
div.cadre3 {
background: #303030 url(images/coinb.gif) no-repeat top right;
padding-bottom: 15px;
float: right;
width:230px;
margin-bottom:30px;
}
div.cadre3 img {
border: 1px solid #303030;
float: left;
margin: 0 6px 1px 0;
}
div.cadre3 h3 {
font-size: 1.5em;
}
div.cadre3 p {
padding-bottom:0px;
}
div.cadre13 {
width: 760px; 
float: left;
background: #141414 url(images/coinc.gif) no-repeat top right;
padding:0 0 20px 0;
margin-bottom:30px;
}
div.cadre13 table {
margin:0 0 0 6px;
}
div.cadre13 td {
width:247px;
text-align:left;
vertical-align: top;
padding:0;
}
div.cadre13 h3 {
font-size: 1.5em;
}
div.cadre13 img {
border: 1px solid #303030;
float: left;
margin: 0 6px 1px 0;
}

/* --- Exposition --- */
div.cadre4 {
width: 760px; 
float: left;
background-color: #000000;
}
div.cadre4 img {
float: left;
padding-right: 18px;
}
div.cadre4 h3 {
font-size: 1.5em;
}
div.cadre4 h2 {
font-size: 2.2em;
}
div.cadre4 div.trait {
margin: 0 18px 10px 18px;
}
div.cadre5 {
background: #141414 url(images/coinc.gif) no-repeat top right;
float: left;
margin: 40px 0 20px 0;
padding:20px 0 20px 10px;
width: 750px;
}
div.cadre5 img {
margin-left:auto;
margin-right:auto;
}
div.cadre5 h2 {
padding:0 18px 0 8px;
}
div.cadre5 a {
font-size:1.1em;
line-height:1.4em;
}
div.cadre5 div.trait {
margin: 0 27px 15px 17px;
padding:10px 0 0 0;

}
td {
width: 182px;
padding: 10px 0 10px 0;
text-align: center;
vertical-align: middle; /*font-size: 1.3em; line-height:1.3em;*/
}

/* --- Contact --- */
div.cadre6 {
width: 320px; 
float: left;
background: #202020 url(images/coin.gif) no-repeat top right;
margin-bottom:40px;
}
div.cadre6 a:hover {
padding-bottom:1px;
border-bottom: 1px dotted #E0B870;
}
div.cadre7 {
background: #303030 url(images/coinb.gif) no-repeat top right;
padding-bottom: 15px;
float: right;
width:400px;
margin-bottom:30px;
}
div.cadre8 {
width: 760px; 
float: left;
background: #141414 url(images/coinc.gif) no-repeat top right;
margin-bottom:30px;
}
div.cadre8 p{
text-align:center;
padding-bottom:20px;
}
label {
vertical-align: top;
}

/* --- Admin --- */
div.cadre9 {
width: 760px; 
float: left;
background: #202020 url(images/coin.gif) no-repeat top right;
padding-bottom:12px;
margin-bottom:30px;
}
div.cadre9 h2 {
padding:0 18px 0 18px;
}
div.cadre9 img.vignette {
float:left;
margin:10px 10px 5px 18px;
}
div.cadre9 img.imag {
float:right;
margin:20px 18px 5px 10px;
}
p.deconnect {
float: right;
width:200px;
margin-top:10px;
text-align:right
}
div.espace {
height:150px;
}

/* --- Objets --- */
div.cadre10 {
width: 760px; 
float: left;
background: #202020 url(images/coin.gif) no-repeat top right;
margin: 0 0 30px 0;
}
div.cadre10 table {
margin:20px auto;
}
div.cadre10 td {
padding:0;
}
div.cadre11 img {
margin-left:auto;
margin-right:auto;
overflow:visible;
}
div.cadre12 {
width: 760px; 
margin-bottom:30px;
float:left;
background: #202020 url(images/coin.gif) no-repeat top right;
}
div.cadre12 h2 {
margin-top:0;
}
div.cadre12 div.trait {
margin: 0 18px 5px 318px;
}
div.cadre12 img {
float: left;
padding-right: 18px;
}
div.cadre14 {
width: 760px; 
float: left;
background: #141414 url(images/coinc.gif) no-repeat top right;
padding:0 0 20px 0;
margin: 40px 0 20px 0;
}
div.cadre14 table {
margin:15px 0 0 10px;
}

div.cadre14 h3 {
font-size: 1.5em;
}
div.cadre14 img {
border: 0;
}