

div#menu {

/*<div style="margin-left: 10%; margin-right: 0%;" id="texte">*/


	height: auto;
right: 0%;
	left: 10%;
	position: relative;

float:right;
}

*{padding:0; margin:0;}
body {font-size:50.50%; font-family:verdana,arial,sans-serif;}

.menu {white-space:nowrap /*IE hack*/; float:left; width:100%; border:none; background:#FF9933; color:#fffff; font-size:130%;}
.menu ul {list-style-type:none;}
.menu ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px #ff6600;}
.menu ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: #ffffff;} /* couleur ecriture*/
.menu ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.menu ul li:hover {position:relative;}
.menu ul li:hover a {background-color:#ff6600; text-decoration:none;}
.menu ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.menu ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px #ff6600; border-bottom: solid 1px #ff9933; background-color:#FF6600; font-weight:normal; #FFffff;}
.menu ul li:hover ul li a:hover {background-color:#66cc00; text-decoration:none;}

/*IE6 hovering*/
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
.menu ul li a:hover {position:relative /*IE hack*/; z-index:1000 /*IE hack*/; background-color:#66cc00; text-decoration:none;}
.menu ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; left:0; margin-top:0.1em;}
.menu ul li a:hover ul li a {white-space:normal; display:block; width:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px #ff9933; background-color:#ff6600; font-weight:normal; color:rgb(50,50,50);}
.menu ul li a:hover ul li a:hover {background-color:#66cc00; text-decoration:none;}

@media print {.menu {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}}










img#imgg {
width: 15%;
height: auto;
float: left;

margin:5px 5px 5px 5px;
border:none;

}
a:hover img#imgg {
width:40%; height: auto;
}

img#imgd {
width: 15%;
height: auto;
float: right;
margin:5px 5px 5px 5px;
border:none;
}
a:hover img#imgd {
width:40%; height: auto;
}

img#imgg1 {
width: 15%;
height: auto;
float: left;

margin:5px 5px 5px 5px;
border:none;

}
a:hover img#imgg1 {
width:40%; height: auto;
}

img#imgd1 {
width: 15%;
height: auto;
float: right;
margin:5px 5px 5px 5px;
border:none;
}
a:hover img#imgd1 {
width:40%; height: auto;
}



img#imgg2 {
width: 15%;
height: auto;
float: left;

margin:5px 5px 5px5px;
border:none;

}
a:hover img#imgg2 {
width:40%; height: auto;
}

img#imgd2 {
width: 15%;
height: auto;
float: right;
margin:5px 5px 5px 5px;
border:none;
}
a:hover img#imgd2 {
width:40%; height: auto;
}


img#imgg3 {
width: auto%;
height: 50px;
/*float: left;*/

margin:5px 5px 5px5px;
border:none;
}


img#imgd3{
width: auto%;
height: 15px;
float: right;
margin:5px 5px 5px 5px;
border:none;
}

img#imgg4 {
width: 20%;
height: auto;
float: left;

margin:1% 1% 1% 1%;
border:none;

}

img {border:none}




img#logo {
width: 98%;
right:1%;
left:1%;
	height: auto;
	position:relative;


}







div#texte {
width: 89%;
	height: auto;
right: 0%;
	left: 10%;
	position: relative;
float:left;

}


div#contenu {
width:99%;
	height: 100%;
right: 0%;
	left: 1%;
	position: relative;
min-height: 300px;
float:right;

color:black;
background-color:white;
background-image:url(../img/pfeuillages.jpg);
background-repeat:repeat-y;
/*background-attachment:fixed;*/
position:relative;
float:left;
	}



div#PARA {

/*<div style="margin-left: 10%; margin-right: 0%;" id="texte">*/
width:100%;
left: 0%;
 /*right: 0%;*/
	height: auto;

	background:#FFFFCC;
	position: relative;

float:LEFT;
}
div#PARAB {

/*<div style="margin-left: 10%; margin-right: 0%;" id="texte">*/
width:100%;
left: 0%;
 /*right: 0%;*/
	height: auto;

	background:#D0E3FA;
	position: relative;

float:LEFT;
}

div#PARAC {

/*<div style="margin-left: 10%; margin-right: 0%;" id="texte">*/
width:100%;

left: 0%;
 /*right: 0%;*/

	height:300%;
	position: relative;

float:LEFT;
}


div#PARAD

/*<div style="margin-left: 10%; margin-right: 0%;" id="texte">*/
/*width:100%;*/
/*width:auto;*/
left: auto;
 right: auto;

	
	position: relative;


}







ifram#cart {
 frameborder:0; scrolling: no; /*marginheight:0; marginwidth:0;*/


/*<div style="margin-left: 10%; margin-right: 0%;" id="texte">*/
width:700px;
left: 0%;
 /*right: 0%;*/
	height: auto;
min-height: 300px;
	
	position: relative;

float:LEFT;
}



.horizontal a {
  color: white;
  background-color: #000000;
  font-size:16px;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  border: 2px outset #c0c0c0;
  display: block;
 ; width: 200px;
float:left;
margin:2px;

}
.horizontal a:hover {
  background-color: #7f7f7f;
  background-image: url(aqua.jpg);
  border: 2px inset #c0c0c0;
}


