/*888888888888888888888888888888888888888888888888888888888888888888O.
 d8                                                                 									 8b
 88                               				Global                            					88
 q8                                                                  									88
 `8888888888888888888888888888888888888888888888888888888888888888888*/

body, html 
{
	margin: 0px;
	padding: 0px;
	
	color: #000000;
	background: #6f6f6f url(images/page-bg.jpg) repeat-x;
	font: 12px "Trebuchet MS", Tahoma, Arial;
}

h2
{
	margin:0px 0px 20px 0px;
	font-size: 30px;
	color: #666666;
	font-family: "Trebuchet MS", Tahoma, Arial;
	text-indent: -20px;
}

h3
{
	padding:2px 0px 8px 7px;
	margin: 0px;
	font-size: 21px;
	color: #CCCCCC;
	font-family: "Trebuchet MS", Tahoma, Arial;
	background: url(images/h3bg.jpg) no-repeat;
}

a
 {
	color: #CCCCCC;
	text-decoration: underline;
 }
 
a:visited, a:hover
 {
	color: #666666;
	text-decoration: underline;
 }

#page
{
	background-color: #FFFFFF;
	
	width: 746px;
	margin: 0px auto;
}

span .gras
{
	font-weight: bold;
}	

  /*888888888888888888888888888888888888888888888888888888888888888888O.
 d8                                                                 									 8b
 88                               				Header                            					88
 q8                                                                  									88
 `8888888888888888888888888888888888888888888888888888888888888888888*/

 #header
 {
	width: 746px;
	height: 297px;	
	background: #FFFFFF  url(images/headerbg.jpg) no-repeat;
	position: relative;
 }
 
#header h1
 {
	font: 60px "Trebuchet MS", Tahoma, Arial;
	text-align: center;
	
	position: relative;
	left: 34px;
	top: 44px;
 }
 
#header h1 a, #header h1 a:visited, #header h1 a:hover
 {
	color: #000000;
	text-decoration: none;
 }
 
#header a.mailto
 {
 	color: #000000;
	text-decoration: none;
 }
 
 #header div
 {
	font: 14px "Trebuchet MS", Tahoma, Arial;
	font-weight: bold;
	text-align: right;
	
	position: relative;
	right: 85px;
	top: 14px;
 }
 
   /*888888888888888888888888888888888888888888888888888888888888888888O.
 d8                                                                 									 8b
 88                               				Headers                           					88
 q8                                                                  									88
 `8888888888888888888888888888888888888888888888888888888888888888888*/

#headers
 {
	width: 746px;
	height: 297px;	
	background: #FFFFFF  url(images/headerbgs.jpg) no-repeat;
	position: relative;
 }

 
#headers h1
 {
	font: 60px "Trebuchet MS", Tahoma, Arial;
	text-align: center;
	
	position: relative;
	left: 34px;
	top: 44px;
 }
 
#headers h1 a, #headers h1 a:visited, #headers h1 a:hover
 {
	color: #000000;
	text-decoration: none;
 }
 
#headers a.mailto
 {
 	color: #000000;
	text-decoration: none;
 }
 
 #headers div
 {
	font: 14px "Trebuchet MS", Tahoma, Arial;
	font-weight: bold;
	text-align: right;
	
	position: relative;
	right: 85px;
	top: 14px;
 }
 
   /*888888888888888888888888888888888888888888888888888888888888888888O.
 d8                                                                 									 8b
 88                               				Menu                            					88
 q8                                                                  									88
 `8888888888888888888888888888888888888888888888888888888888888888888*/

#menu 
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	
	position: absolute;
	right: 10px;
	bottom: 25px;
}

#menu li 
{
	float: left;
	margin-left: 5px;
}

#menu .current_page_item a, #menu .current_page_item a:visited
{
	color: #000000;
	text-decoration: none;
	background: url(images/ongletactif.jpg) repeat-x;
}

#menu .page_item a{
	color: #666666;
	text-decoration: none;
	background: url(images/onglet.jpg) repeat-x;
	padding: 5px 15px;
	font: bold 14px/100% Arial, Helvetica, sans-serif;
	border-top: 2px solid #CCCCCC;
	border-left: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	display: block;
}
#menu .page_item a:hover {
	color: #000000;
}

/* --------------------------------------------------SUBPAGES----------------------------------------------------- */

#subpages 
{

	margin: 0px;
	padding: 0px;
	
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#subpages li 
{
	list-style: none;
	float: right;
	margin-left: 5px;
}

#subpages .current_page_item a, #subpages .current_page_item a:visited
{
	color: #000000;
	text-decoration: none;
	background: url(images/sphover.jpg) repeat-x;
}

#subpages .page_item a{
	color: #666666;
	text-decoration: none;
	padding: 5px 15px;
	font: bold 13px/100% Arial, Helvetica, sans-serif;
	border: none;
	display: block;
}
#subpages .page_item a:hover {
	color: #000000;
	background: url(images/sphover.jpg) repeat-x;
}

 /*888888888888888888888888888888888888888888888888888888888888888888O.
 d8                                                                 									 8b
 88                               				content                            					88
 q8                                                                  									88
 `8888888888888888888888888888888888888888888888888888888888888888888*/
 
#content
{
	padding: 40px 85px 40px 85px;
	text-align: justify;
}

 /*888888888888888888888888888888888888888888888888888888888888888888O.
 d8                                                                 									 8b
 88                               				Diaporama                            					88
 q8                                                                  									88
 `8888888888888888888888888888888888888888888888888888888888888888888*/

.diaporama div {
	border: black solid 2px;
	width: 600px;
}

.diaporama img {
	border: grey;
}

.diaporama a {
	float: right;
	align: center;
}

.miniatures li {
	display: inline;
}

  /*888888888888888888888888888888888888888888888888888888888888888888O.
 d8                                                                 									 8b
 88                               				Footer                            					88
 q8                                                                  									88
 `8888888888888888888888888888888888888888888888888888888888888888888*/
 
 #footer
 {
	padding: 20px;
	margin: 0px auto;
	
	color: #FFFFFF;
	width: 746px;
	
	text-align: center;
	font: 10px "Trebuchet MS", Tahoma, Arial;
 }