html, body
{
	margin: 0;
	padding: 0;
}

body 
{
	color:#006600;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	text-align: center;
}

form
{
  padding:0px;
  margin:0px;
}

#menu 
{
	padding:0pt;

}

#espace
{
 padding:4px;
}

#bordure 
{ border: 2px solid white;
  width: 842px;
  padding:2px;
}

/************ text *************************/
.Container {
  position: absolute;
  top: 0px; left: 0px;
}

.Container2 {
  position: absolute;
  top: 30px; left: 0px;
}

#Scroller-1 ,#Scroller-2 ,#Scroller-3  
{ 
  position: absolute; 
  overflow: hidden;
  width: 660px;
  height: 300px; 
  text-align:justify;
}

#Scroller-4
{ 
  position: absolute; 
  overflow: hidden;
  width: 660px;
  height: 580px; 
  text-align:justify;
  background: #F1FE66;
}

#Scroller-5
{ 
  position: absolute; 
  overflow: hidden;
  width: 660px;
  height: 580px; 
  text-align:justify;
  background: #FDFBB5;
}

#Scroller-1 
{ 
  background: #FFC033;
}

#Scroller-2 
{ 
  background: #FDFBB5;
}

#Scroller-3 
{ 
  background: #E9FBD3;
}



.Scroller-Container 
{
  position: absolute;
  top: 0px; left: 0px;
  padding:2px 35px 2px 35px;
}

.Scroller-Container2 
{
  position: absolute;
  top: 0px; left: 0px;

}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
  top: 5px; left: 640px;
}

.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 288px; left: 640px;
}

.Scrollbar-Down2 {
  cursor: pointer;
  position: absolute;
  top: 268px; left: 640px;
}

#rouge2
{
    color:#DA2424;
	font-family:Arial,Helvetica,sans-serif;

}


.Scrollbar-Track {
  width: 10px; height: 600px;
  position: absolute;
  top: 20px;
  background-color: #006600;
  left:640px
}
.Scrollbar-Handle {
  position: absolute;
  width: 10px; height: 30px;
  background-color: #CCC;
}
/*.Scrollbar-Down {
  position: absolute;
  top: 190px;
  width: 10px; height: 10px;
  background-color: #006600;
  font-size: 0px;
}
.Scrollbar-Up{
  position: absolute;
  width: 10px; height: 10px;
  background-color: #006600;
  font-size: 0px;
}*/
#Scrollbar-Container {
  position: absolute;
  top: 50px; left: 460px;
}

/**************** elements ***************************/
h2,h1,h3
{
 display:block;
margin: 0;
padding: 0;
border: 0;

}



a:visited
{
 text-decoration:none;
 color:#006600;
 cursor:pointer;
}

a:hover
{ color:#082C9F;
  text-decoration:underline;
}

a:link
{
   color:#006600;
   cursor:pointer;
   text-decoration:none;
}

a.jaune:visited
{
 text-decoration:none;
 color:#FFE15F;
 cursor:pointer;
}

a.jaune:link
{
   color:#FFE15F;
   cursor:pointer;
   text-decoration:none;

}

a.jaune:hover
{
 text-decoration:none;
 color:#FFFFFF;
 cursor:pointer;
}

a.jaunec, a.jaunec:visited, a.jaunec:hover, a.jaunec:active 
{
   color:#FFFFFF;
   cursor:pointer;
   text-decoration:none;
}



a.orange:visited
{
 text-decoration:none;
 color:#CC6402;
 cursor:pointer;
}

a.orange:link
{
   color:#CC6402;
   cursor:pointer;
   text-decoration:none;
}

a.orange:hover
{
 text-decoration:none;
 color:#006600;
 cursor:pointer;
}

a.vert:visited
{
 text-decoration:none;
 color:#006600;
 cursor:pointer;
}

a.vert:link
{
   color:#006600;
   cursor:pointer;
   text-decoration:none;
}

a.vert:hover
{
 text-decoration:none;
 color:#FF0000;
 cursor:pointer;
}

a.orangec, a.orangec:visited, a.orangec:hover, a.orangec:active 
{
   color:#006600;
   cursor:pointer;
   text-decoration:none;
}


a.blanc:visited
{
 text-decoration:none;
 color:#006600;
 cursor:pointer;
}

a.blanc:link
{
   color:#006600;
   cursor:pointer;
   text-decoration:none;
}

a.blanc:hover
{
 text-decoration:none;
 color:#FF7302;
 cursor:pointer;
}

a.blancc, a.blancc:visited, a.blancc:hover, a.blancc:active 
{
   color:#FFFFFF;
   cursor:pointer;
   text-decoration:none;
}



a#orange:link
{
   color:#DB7C17;
   cursor:pointer;
   text-decoration:none;
}

a.rouge:visited
{
 text-decoration:none;
 color:#BE4B0C;
 cursor:pointer;
}

a.rouge:link
{
   color:#BE4B0C;
   cursor:pointer;
   text-decoration:none;
}

a.rouge:hover
{
   color:#006600;
   cursor:pointer;
   text-decoration:none;
}


a#media:visited
{
 text-decoration:none;
 color:#FFFFFF;
 cursor:pointer;
}

a#media:link
{
   color:#BE4B0C;
   cursor:pointer;
   text-decoration:none;
}

a#media:hover
{
   color:#006600;
   cursor:pointer;
   text-decoration:none;
}



a.vertc, a.vertc:visited, a.vertc:hover, a.vertc:active 
{
   color:#006600;
   cursor:pointer;
   text-decoration:none;
}

table
{
    color:#006600;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

table#contact
{
    color:#006600;
	font-family:Arial,Helvetica,sans-serif;
	font-size:20px;
}
td#menu a {background-color: #B23004;border-right: 1px solid #006600; } 
td#menu a:hover {background-color: #006600;} 

#box
{
	width:120px;
	text-align:center;
	position:relative;
	background:#FFB03B;
	border:1px solid #C7E59B;
	color:#006600;
	font-size:17px;
	margin:10px;
}

#box2
{
	width:140px;
	text-align:center;
	position:relative;
	background:#D7E643;
	border:1px solid #FF0000;
	color:#006600;
	font-size:20px;
	margin:10px;
}

#box3
{
	width:160px;
	text-align:center;
	position:relative;
	background:#D7E643;
	border:1px solid #BE4B0C;
	color:#006600;
	font-size:17px;
	margin:10px;
}

#trait
{
  border:2px solid #6AA522;
  font-weight:bold;
  text-align:center;
}

#trait2
{
  border:2px solid #FF9900;
  font-weight:bold;
  text-align:center;
}

#bleu
{
  color:#0600FF;
} 

#etape
{
	background-color:#FFB400;
	color:#FFFF00;
	float:left;
	font-size:22px;
	font-weight:bold;
	height:20px;
	padding:5px;
    width:150px; 
	margin-top:5px;
	display:block;
}

#etape2
{
	float:left;
	font-size:25px;
	font-weight:bold;
	margin-right:100px;
	padding:5px;
	display:block;
	width:550px;
}
/*****************************************************************/
.cachediv 
{
	visibility: hidden;
	overflow: hidden;
	height: 1px;
	margin-top: -1px;
	position: absolute;
}