body {
	margin: 15px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #ccc;
	background-color:#EADAA0;
	background-image:url(../images/fond.jpg);
	}
	
h1
{
	color:#336699;
	font-size:12pt;
	font-weight:bold;
}

p
{
	color:black;
	font-size:10pt;
}

#conteneur
{
	margin-left: auto;
	margin-right: auto;
	left:50%;
	height:650px;
	width:720px;
	border-left:2px solid #4F0D01;
	border-right:2px solid #4F0D01;
	background-color: #FEE7A9;
	background-image:url(../images/bg.gif);
	background-position:170px 100px;
	background-repeat:no-repeat;
	padding:0px 0px 0px 0px;
}

#top
{
	display:block;
	height:75px;
	margin-bottom:0px;
	font-size:36px;
	font-style:italic;
	padding-bottom:0px;
}

.gauche
{
	float:left;
	width:135px;
	background-color: #FEE7A9;
	font-size:12px;
	text-align:center;
}

.gauche img
{
	border:0px solid white;
	background-color: #d8d8d8;
}

.gauche ul, li { 
list-style-type: none;
margin:0;
padding:0;
}


.gauche ul
{
	background: transparent url(../images/menu.jpg) top left no-repeat; 
	width:135px;
	height:303px;
	padding-top:8px;
}

.gauche li {
display: inline; 
}

.gauche li a {
display: block;
height: 22px;
width: 135px;
line-height: 22px; 
text-decoration: none;
}

.gauche li a:hover {
color: #43271B;
background: transparent url(../images/menu.jpg) top left no-repeat;
}

.gauche a#menu1:hover {
background-position: 0% -319px;
}

.gauche a#menu2:hover {
background-position: 0% -341px;
}

.gauche a#menu3:hover {
background-position: 0% -363px;
}

.gauche a#menu4:hover {
background-position: 0% -385px;
}

.gauche a#menu5:hover {
background-position: 0% -407px;
}

.gauche a#menu6:hover {
background-position: 0% -429px;
}



.droite
{
	float:right;
	max-height:550px;
	height:auto;
	width:550px;
	border: 1px solid black;
	margin-top:10px;
	margin-right:5px;
	margin-bottom:15px;
	background-image:url(../images/bgtab.png);
	font-size:12px;
	color:black;
	padding:5px;
	overflow:auto;
}

* html .droite
{
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/bgtab.png');
}

.droite h1
{
	color:#560900;
	font-size:12pt;
	font-style:italic;
	font-weight:bold;
	font-family:Georgia, Times New Roman, Times, serif;
	text-align:left;
	width:100%;
	border-bottom:1px solid #6F6553;
}

.droite h2
{
	color:#560900;
	font-size:10pt;
	font-style:italic;
	font-weight:bold;
	font-family:Georgia, Times New Roman, Times, serif;
	text-align:center;
}

.droite p
{
	color:black;
	font-size:11pt;
	font-style:italic;
	font-family:Georgia, Times New Roman, Times, serif;
	text-align:justify;
}

.droite a
{
	color:#00009c;
	text-decoration:none;
}

.droite a:hover
{
	color:blue;
	font-weight:bold;
	text-decoration:none;
}

.photogauche
{
	float:left;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:10px;
}

.photodroite
{
	float:right;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}

.photogauche img, .photodroite img
{
	border:1px solid black;
}

.titremenu
{ 
	width:100%;
	display:block;
	background-color:#1F286B;
	color:white;
	text-align:Left;
	font-weight:bold;
	padding-bottom:2px;
}

.bouton
{
	text-align:Left;
	border-bottom: 1px solid #c5c8d7;
	border-right: 1px solid #012265;
}

.bouton a
{

	width:100%;
	display:block;
	text-decoration:none;
	color:#012265;
	background-color:#d8d8d8;
}

.bouton a:hover
{
	width:100%;
	display:block;
	background-color:white;
	color:black;
}

.titre
{
	width:510px;
	height:auto;
	color:#012265;
	border-left: 1px solid #151E61;
	border-right: 1px solid #151E61;
	border-top: 1px solid #151E61;
	font-weight:bold;
	font-size:14px;
	display:block;
	text-align:left;
	margin-bottom:0px;
	background-color:#d8d8d8;
}

.contourtexte
{
	width:400px;
	height:auto;
	border: 1px solid black;
	background-color:white;
	color:black;
	font-size:11px;
	padding:5px;
	margin-bottom:10px;
}

.contourtexte img
{
	float:left;
	margin-right:5px;
	margin-left:5px;
	height:auto;
	border-right:5px solid white;
}

.contourtexte h3
{
	font-size:12px;
	color:#6699CC;
	font-weight:bold;
	border-bottom: 1px dashed #AEC9E3;
	
}

.contourtexte a
{
	font-size:11px;
	text-align:right;
	text-decoration:underline;
	color:#FF6600;
}

.contourtexte a:hover
{
	font-size:11px;
	color:#336699;
}

.contourtexte input
{
	border: 1px solid #629ace;
	text-align:left;
	background-color:#f7fbff;
	width:250px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:12px;
}

.contourtexte select
{
	border: 1px solid #629ace;
	text-align:left;
	background-color:#f7fbff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:12px;
}

.contourtexte textarea
{
	border: 1px solid #629ace;
	text-align:left;
	background-color:#f7fbff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:12px;
	overflow:auto;
}

.lien
{
	margin-top:5px;
	text-align:right;
}

.pied
{
	margin-left:auto;
	margin-right:auto;
	width:724px;
	height:14px;
	padding:0px;
	display:block;
	background-image:url(../images/pied.gif);
	color:white;
	font-family:verdana;
	font-size:9px;
	text-align:center;
	color:white;
}

.tete
{
	margin-left:auto;
	margin-right:auto;
	width:724px;
	height:14px;
	padding:0px;
	display:block;
	background-image:url(../images/tete.gif);
	color:white;
	font-family:verdana;
	font-size:9px;
	text-align:center;
	color:white;
}

.pied a
{
	color:white;
}

.pied a:hover
{
	color:yellow;
}

.spacer
{
	clear:both;
}

	* html a
	{
		position: relative;
		z-index: 1;
	}