* { padding: 0; margin: 0 }
body { margin:5px 0; padding:0; font: 74% Arial, Sans-Serif; color:#000; line-height: 1.4em; background : #575757;}
.contenu { color: #3B2A0A; margin: 0 auto; padding: 0; width: 825px; background-image: url(images/bg2.jpg); background-repeat:repeat-y; background-position:center bottom; }
#header { background: url(images/header.jpg) no-repeat; width: 825px; height: 213px; color: #3B2A0A; }
#header h1 { background: inherit; font: bold 3em "Tahoma", Arial; color: #85621E; line-height: 1em;}
#header h3 { background: inherit; font: bold 1em "Tahoma", Arial; color: #000; }
#header .titre { padding: 60px 0 0 60px; }
#main { background: url(images/bg.jpg) no-repeat top; height: 353px; margin: 0; padding: 0;}	
#centrer{overflow: auto; height: 353px;}
.centre1{ height: 353px; width: 550px; float: right; padding: 0 60px 0 0px;}
#main h2 { background-color: inherit; color: #85621E; line-height: 0.2em; }
#main h3 { font: 85% Arial, Sans-Serif; margin: 0 0 10px 0; padding: 0; color: #5f5f5f; background: inherit; }

.leftmenu { width: 120px; float: left; overflow: auto; padding: 0; padding: 0 0 0 40px; }
.padding { padding: 15px; }

.img { background: #FFF; float: left; padding: 1px; margin: 5px 8px 5px 0; color: #333; border: 1px solid #e0e0e0; }


#prefooter { background: url(images/prefooter.jpg) no-repeat; color: #85621f; height: 190px; text-align: left;  clear: both; padding: 0px; margin: 0; }
#prefooter .particles { float: right; width: 300px; padding: 20px 30px 0 0; background: transparent }
#prefooter .comments { width: 270px; padding: 20px 0px 0 0px; float: right; background: transparent }



#footer { background: url(images/footer.jpg) no-repeat; color: #8f8f8f; height: 72px; text-align: right; font-size: 90%; clear: both; padding: 0; margin: 0;}
#footer .padding { padding: 20px 60px 0 0; }
#footer hr { width: 740px; color: #888; border: 1px solid #f0f0f0; margin: 0 25px 0 25px;  }
#footer a { 	color: #999;  text-decoration:none; }
#footer a:hover { text-decoration: underline; color: #FFF;}


.nav { clear: both; text-align: left; color: #85621E; padding: 20px 0 0 0; }
.nav li { font-weight: bold; margin: 0 0 8px 0; padding: 0 0 0 5px; border-bottom: 1px solid #D2B881 }
.nav li a { color: #546078; text-decoration: none;  }
.nav li a:hover { color: #95722E; text-decoration: none;  }


.boxads { background: #E7EDF0; padding: 5px; border: 1px solid #999; color: #333; }

p { 	margin: 0 0 5px 0; 	padding: 0; color: #555; background: inherit; }

hr { border: 0; height: 1px; color: #eee; background-color: #eee; }
a { 	color: #0F5B7F; background: inherit;  text-decoration:none; }
a:hover { 	background: inherit;	text-decoration: underline; }
h1 { padding:0; margin:0; color: #0F5B7F; background: inherit;font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a {color: #0F5BFF; background: inherit;}
h2 { background-color: inherit; 	color:#85621E; font-size:140%; font-weight:bold; margin: 10px 0 10px 0; padding:0; }
h2 a { color: #85621E; }
h2 a:hover { 	color: #BD9C5C; text-decoration: none;}

ul { margin: 5px 0 20px 15px; padding : 0; list-style : none;  }
li { list-style-type: none;	color: #F29900;	margin: 0 0 0px 0;	padding: 0 0 0 0px; }
li a { color: #546078;  }
li a:hover { color: #F29900; }

table.ad{border:2px solid #85621E;border-collapse:collapse;}
th.ad, td.ad{border:1px solid #85621E;}



.centrebook{ text-align:center;}
fieldset {	border: 1px solid #eee; }
textarea.text { height: 150px; width: 90%; border: 1px solid #ccc; background: #fff; color: #000; }
textarea.text:hover { border: 1px solid #eee; background: #FFFFF4; color: #000; }
input.field { border: 1px solid #ccc; background-color: #3C3C3C; width: 100px; color: #000; }
input.field:hover { border: 1px solid #eee; background: #ccc; color: #000; }
input.text { margin: 0; width: 110px;	border: 1px solid #546078; background: #FFF; color: #808080; }
input.text:hover { border: 1px solid #3a4354; }
input.searchbutton { 	margin: 0; font-size: 100%; font-family: Arial, Sans-serif; border: none; background: #FFFFFF; color: #333; padding: 1px; font-weight: bold; }
.date { color: #5f5f5f; background: inherit; text-align: right; margin: 4px 0 5px 0; padding: 0.4em 0 0 0; border-top: 1px solid #85621E; }
.date a { color: #546078; }
input.button { background: #FFFFF4; color: #808080; border-right: 1px solid #ccc;	border-bottom: 1px solid #ccc; }
.comments { 	padding: 10px 10px 8px 10px; margin: 0 0 7px 0; background: #FFF; color: #333; }
.commentsbox { padding: 8px 0 10px 10px; margin: 0 0 10px 0; background: #f4f4f4; color: #000; }
.error {	color: #990000;	background-color: #FFF0F0; padding: 7px; margin-top: 5px; margin-bottom: 10px; border: 1px dashed #990000; }
.error h2 { color: #990000; background: inherit; }
.success { color: #000000; background: #FAFAFA;	padding: 7px; margin-top: 5px; margin-bottom: 5px; border: 1px dashed #546078; }
.success h2 { color: #546078; background: inherit; }
.news{background: #806127; color: #fce0ad;}
.livreor{color: #fce0ad;}
.miniatures table{margin: auto;border: none;border-collapse: collapse;}
.miniatures th{background-color: #132b62;border: none;}
.miniatures td{border: none;text-align: center;padding: 5px;}
.message{border:1px solid black;}
/*-----------------------------------------------------------------------creation page----------------------------------------------------------------------------------------------*/
/* Polices */
.arial { font-family: Arial; }
.times { font-family: Times New Roman; }
.courier { font-family: Courier; }
.impact { font-family: Impact; }
.verdana { font-family: Verdana; }
/* Tailles */
.minuscule { font-size: 8px; }
.petit { font-size: 10px; }
.moyenpetit { font-size: 11px; }
.moyengrand { font-size: 13px; }
.grand { font-size: 14px; }
.enorme { font-size: 18px; }
/* Alignement */
.gauche { text-align: left; }
.droite { text-align: right; }
.centre { text-align: center; }
.justifie { text-align: justify; }
/* Styles */
.gras { font-weight: bold; }
.grasB{font-weight: bold;background: #FFFFF4; color: #808080; border-right: 1px solid #ccc;	border-bottom: 1px solid #ccc;}
.italique { font-style: italic; }
.italiqueB{font-style: italic;background: #FFFFF4; color: #808080; border-right: 1px solid #ccc;	border-bottom: 1px solid #ccc;}
.souligne { text-decoration: underline; }
.souligneB { text-decoration: underline;background: #FFFFF4; color: #808080; border-right: 1px solid #ccc;	border-bottom: 1px solid #ccc;}
.barre { text-decoration: line-through; }
.barreB { text-decoration: line-through;background: #FFFFF4; color: #808080; border-right: 1px solid #ccc;	border-bottom: 1px solid #ccc; }
.suligne { text-decoration: overline; }
.encadre { border: 1px solid #0f3863; padding: 1px; padding-left: 3px; padding-right: 3px; margin-left: 1px; margin-right: 1px; }
.surligne { padding: 0px; padding-left: 1px; padding-right: 1px; background-color: #0f3863; color: #f7f7f7; }
/* Titres */
.titre1 { display: inline; margin-bottom: 3px; font-family: Tahoma; font-size: 16px; font-variant: small-caps; font-weight: bold; color: #074381; } /* A personnaliser */
.titre2 { display: inline; border-bottom: 1px solid #074381; padding-bottom: 2px; font-family: Tahoma; font-style: italic; font-weight: bold; font-size: 12px; color: #074381; } /* A personnaliser */
/* Separation */
.separation { height: 3px; background-color: #000000; margin-top: 2px; margin-bottom: 2px; } /* A personnaliser */
/* Citation */
.citation_auteur { margin: 5px; margin-bottom: 0px; padding: 0px; padding-left: 5px; font-weight: bold; color: #0f3863; }
.citation { margin: 5px; margin-top: 0px; padding: 5px; padding-top: 2px; padding-bottom: 2px; border: 1px dashed #0f3863; }
/* Liste */
.puce { list-style-type: disc; list-style-position: outside; }
/* Code */
pre { margin: 0px; padding: 0px; white-space: nowrap; }
pre a { text-decoration: none; }
.code_type { margin: 5px; margin-bottom: 0px; padding: 0px; padding-left: 5px; font-weight: bold; color: #0f3863; }
.code_nom { font-variant: small-caps; }
.code { background-color: #f7f7f7; margin: 5px; margin-top: 0px; padding: 5px; padding-top: 2px; padding-bottom: 2px; border: 1px dashed #0f3863; }
.apercu{overflow: auto;width: 500px;height: 260px;border: 1px solid #85621E;padding: 1px;font-family: Arial;font-size: 12px;color: #85621E;margin-bottom: 2px;}
/*--------------------------------------------------------------------------------------------------------------------------------Calendrier------------------------------------------------------------------------------------------------------------------------------------*/
.calendrier {
display:inline;
padding-right:10px ;
border-width:0px ;
text-align: center; 
color: #85621f; /* Couleur du texte dans les cases du calendrier */
border-spacing: 1px; 
font-size: 1.0em; 

float: left;
z-index: 100;
}

.calendrier td, .calendrier tr{
padding: 0;
}

/* Les 4 lignes qui suivent définissent la couleur de fond d'une case où il y a un évènement, ainsi que la couleur du texte. Ces mêmes couleurs 
sont utilisés pour le titre de l'évènement */
.calendrier .celluleevenement, .calendrier .evenement h6{
background-color: #6F809A ;
color:#FFFFFF ;
}

.calendrier .evenement h6{
font-size:0.9em ;
margin:0;
padding:0;
}

.calendrier .evenement a{
color:#FFFFFF;
}

.calendrier .evenement{
font-weight:normal ;
border: 1px solid #60738B; /* Largeur, type et couleur du bord du cadre qui contient l'évènement */
background-color: #F4F9FD; /* Couleur de fond du cadre qui contient l'évènement */
color: #000000 ; /* Couleur du texte dans le cadre qui contient l'évènement */
z-index: 10; 
padding: 2px;
margin-top:1px;
}


.calendrier .evenement{
position: absolute; 
visibility: hidden; 
min-width:150px;
max-width:250px ;
}

.calendrier td {
width:25px ;
}

.today
{
border: 2px solid #6F809A;
color:#85621f;
}
/*---------------------------------------------diaporama--------------------------------------------------------*/
#lightbox{position: absolute;left: 0;width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }