@charset "utf-8";
/* CSS Document */

a img {
border: 0px;
border-color: ;
  margin-top: 0px;
}

a:link {
color: #275a0c;
}

a:visited {
color: #275a0c;
}

a:hover {
color: #275a0c;
text-decoration:overline;
}

body {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	Padding-top: 0px;
	margin: 0px;
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #f5db03;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
} 

#global {
	width: 800px;
	min-height: 700px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color:#f5db03;
}

#header {
    float: right;
	width: 800px;
	height: 250px;
	background-image: url(images/header.png);
	background-repeat: no-repeat;
}

#main {
float:left;
width:800px;
min-height: 500px;
background-color: #f5db03;
}

#left {
float: left;
background-color:#275a0c;
width: 248px;
height: 400px;
padding-top: 50px;
}

#menu {
  float: left;
  display: block;
  text-align:left;
  font-family:Verdana, "Trebuchet MS", arial, verdana, sans serif;
  font-size: 12px;
  list-style: none;
  line-height: 20px;
  margin-top: 30px;
}

#menu li {
  display: block;
  color: #ffffff ;
    margin-top: 30px;
}

#menu li a {
  color: #ffffff;
  display: block;
  text-decoration: none ; 
    margin-top: 30px;
}

#menu a:hover {
  color: #ffffff;
  display: block;
  text-decoration: underline, overline;
  font-size: 14px;
    font-weight: bold;
	  margin-top: 30px;
}

#content {
	float: left;
	display:block;
	text-align: left;
	width: 460px;
	min-height: 440px;
	padding-left: 20px;
	margin-left: 20px;
	margin-top: 10px;
	padding-right: 20px;
	background-color: #ffffff;
}

#content li {
}

h1 {
   width: 450px;
	margin-top: 30px;
	line-height: 22px;
	font-family:verdana, Arial, Times, serif;
	font-size: 22px;
	color: #275a0c;
	text-align: left;
}

h2 {
   width: 450px;
	margin-top: 10px;
	font-family:verdana, Arial, Times, serif;
	font-size: 16px;
	color: #275a0c;
	text-align: left;
}

h3 {
	font-family:verdana, Arial, Times, serif;
	font-size: 12px;
	color: #000000;
}

h4 {
	font-family:verdana, Arial, Times, serif;
	font-size: 11px;
	color: #cccccc;
}

p {

	margin-top: 10px;
	font-family:verdana, Arial, Times, serif;
	font-size: 12px;
	color: #000000;

}

#img {
background-image: url(images/partenaires.png);
background-repeat:no-repeat;
width: 202px;
height: 176px;
margin-top:25px;
}

#footer {
float: left;
	width: 500px;
	height: 40px;
	background-color: #275a0c ;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	font-size: 11px;
	color: #ffffff;
	line-height: 40px;
	margin-left: 268px;
}

#footer a:link {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff; 

}
#footer a:visited {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff; 
}

#footer a:hover {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: overline;
}

#form {
float: left;
width: 300px;
margin-left:10px;
  font-family: verdana, "Trebuchet MS", arial, verdana, sans-serif;
  font-size: 11px;
}

/*Spry*/
	

/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
}
/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	width: 450px;
	font: bold 0.7em sans-serif;
	border-bottom: solid 1px #ffffff;
	margin-left: 5px;

	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}
/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}
/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {

	color: black;
	text-decoration: none;
}
/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
}
/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #c8eab3;
	color: #FFFFFF;
}
/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #c8eab3;
}