/* CSS Document */

body {
	width:900px;
	margin: auto;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color:#000000;
}

/*************************************** content ********************************************/

#intro{
	width: 700px;
	overflow:hidden;
	text-align:left;
	margin-top:50px;
	border: dotted 1px #d39e01;
	padding:4px;
}

#footer {
	width: 900px;
	overflow:hidden;
	margin-top:50px;
	height:75px;
	background-image:url(images/ligne.jpg);
	height:28px;
	border-top: solid 1px #d39e01;
	border-left: solid 1px #d39e01;
	border-right: solid 1px #d39e01;
	padding-top:4px;
}
#footer2{
	border: dotted 1px #d39e01;
	padding-top:4px;
	overflow:hidden;
	margin-top:50px;

}


/*************************************** accordeon ********************************************/

.Accordion {
	overflow: hidden;
	text-align:left;
	color:#000;
}

.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

.AccordionPanelTab {
	background-image:url(images/ligne.jpg);
	height:28px;
	border-top: solid 1px #d39e01;
	border-left: solid 1px #d39e01;
	border-right: solid 1px #d39e01;
	margin: 0px;
	padding-top: 4px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.AccordionPanelContent {
	overflow: auto;
	margin-left: 20px;
	margin-right:20px;
	padding-left: 10px;
	padding-right: 10px;
	height: 300px;
	background-color:#FFF;
	border-left: 2px solid #666;
	border-right: 2px solid #666;
}

.AccordionPanelOpen .AccordionPanelTab {
	background-color: #EEEEEE;
}

.AccordionPanelTabHover {
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}

.AccordionFocused .AccordionPanelTab {
	background-color: #3399FF;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #33CCFF;
}

/*************************************** navigation ********************************************/


ul#nav { 
	margin-top:25px; 
	padding:0; 
	list-style-type:none; 
	overflow:hidden; 
}
ul#nav li { 
	position:relative; 
	float:left; 
	border-top:4px solid #555555; 
	margin-right: 15px; 
	padding-right: 20px; 
	padding-top: 5px;
}
ul#nav .current { 
	border-top:4px solid #d39e01;
}
ul#nav li:hover { 
	border-top:4px solid #d39e01;
}
ul#nav li a { 
	padding:2px 2px; 
	text-decoration:none; 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 14px;	
	color:#b0b0b0;
}
ul#nav li a:hover { 
	color:#d39e01; 
	border:none;
}


/*************************************** textes ********************************************/


h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 16px;
	color: #fff;
	text-align:center;
}
h2{
	font-family: Verdana, Geneva, sans-serif;
	text-transform:capitalize;
	font-size: 12px;
	color: #fff;
	text-align:center;
}
h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 14px;
	color: #fff;
	text-align:center;
}
.box-gris{
	border: solid 1px #555555;
	padding: 5px;
	background-color:#252525;
	background-image:url(images/fond-gris.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	color:#FFF;
}
.box-or{
	border: solid 1px #d39e01;
	padding: 5px;
	background-color:#dda501;
	background-image:url(images/fond-or.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
.dotted{
	border: dotted 1px #d39e01;
	padding-top:4px;
}
a {
	color:#d39e01;
}
a:hover {
	color:#FFF;
	text-decoration:none;
}
a:visited {
	color:#d39e01;
}