BODY
{
	margin: 0px;
	padding: 0px;
    background: url(./images/background.gif) repeat-x top left #70A970;
	font-size:12px;
	font-family: Verdana, Arial, sans-sherif;
}
DIV#page
{
    BACKGROUND-POSITION: left top;
    BACKGROUND-IMAGE: url(./images/background_page.gif);
    WIDTH: 100%;
    BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-COLOR: transparent;
    HEIGHT: 500px;
}
DIV#barre_menu_superieur
{
	BACKGROUND-COLOR: transparent;
	WIDTH: 100%;    
    HEIGHT: 20px;
	LEFT: 0px;
    TOP: 0px;    
    TEXT-ALIGN: left;
	Z-INDEX: 100;
}
DIV#conteneur
{
	position: absolute;	
	top:0px;
	left: 170px;
    border: none;
    PADDING: 2px;
	padding-top:20px;
    MARGIN: 0px;
    WIDTH: auto;
    HEIGHT: auto;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: left;
}
DIV#menu
{
	position:relative;
	MARGIN: 0px;    
    WIDTH: 600px;
    PADDING: 0 0 0 0;
    HEIGHT: 50px;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: left;
}
DIV#contenu
{
	display:block;
	width:800px;
	height: auto;
	border: none;
	background-color: #fff;
	padding: 10px 2px 10px 2px;
}
#conteneur_CGSTE{
    position:absolute;
	bottom:0px;
	left:0px;
	background-color:#70A970; /*#AFD6E6*/
	padding:0px;
	text-align:center;
	font-size:10px;
}
#Onglet_selection {
	padding:3px 0 0 2px;
	height:20px;
	text-align:center;
	background:url(./images/bg_div.gif) left top repeat-x #E1DAE8;
	font:bold 0.9em Verdana, Arial,"sans serif";
	font-size: 14px;
	font-weight:bold;
	color:#fff;
}
#selection
{ 
	width:auto;
	height:100%;
	background:url(./images/bg_selection.gif) left top repeat-x;
	font:bold 0.9em Verdana, Arial,"sans serif";
}
.DivClear{
	clear:both;
}

/*
* Constitution du menu
*/
#menu ul
{	
	position:absolute;
	left:0px;
	bottom:0px;
	float:left;
	margin:0px;
	padding:0px;
	width:auto;
	list-style-type: none;
	text-align:left;	
}

#menu li {
	/*  l'arrière-plan constitue la partie gauche du bouton  */
	
	bottom:0px;
	float:left;
	margin:0 2px 0 0;
	padding: 0 0 0 5px;
	height:auto;
	background: url(./images/corner_left.png) left top no-repeat;
}

#menu ul li#active {       /*  l'elément de liste actif affiche la partie gauche du bouton activé  */
background: url(./images/corner_left_on.png) left top no-repeat;
}

#menu ul li a { /*  l'arrière-plan constitue le reste du bouton  */
bottom:0px;
float:left;
margin:0px;
padding: 5px 6px 5px 0px;
font:normal 0.8em Verdana, Arial,"sans serif";
color:#666;
text-decoration:none;
text-align:center;
background: url(./images/corner_right.png) right top no-repeat;
}

#menu ul li#active  a {    /*  l'elément de liste actif affiche la partie droite du bouton activé  */
background:url(./images/corner_right_on.png) right top no-repeat;
font:bolder 0.8em Verdana, Arial,"sans serif";
color:#426D42;
}

#menu ul li a:hover {
color:#426D42;
}
.Quest {
	clear:both;
	margin-top:5px;
	border-top:1px dotted #999;
	padding-top:5px;
}
.Quest H1{
	font-family:"Century Schoolbook", Verdana;
	font-size:18px;
	font-weight:bold;
	display:inline;
}

H1{
	font-family:Verdana;
	font-size:18px;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	border: 1px solid #666666;
}
H2{
	font-family:"Century Schoolbook", Verdana;
	font-size:14px;
	font-weight:bold;
	color:#EF3E33;
	text-decoration:none;
	border-bottom: 3px double;
	display:inline;
}
.VC12{
	font-family:"Century Schoolbook", Verdana;
	font-size:18px;
	font-weight:bold;
	color:green;
}
.VF14{
	font-family:"Century Schoolbook", Verdana;
	font-size:20px;
	font-weight:bold;
	color:#2E4B2E;
}
.VT{
	font-family:"Century Schoolbook", Verdana;
	font-size:18px;
	font-weight:bold;
	color:#054C05;
	text-decoration:none;
	border-bottom: 3px double;
}
a{
	font-family:"Comic sans MS", Verdana;
	font-weight:bold;
	text-decoration:none;
	color:#057F05;
}
a:hover{
	font-family:"Comic sans MS", Verdana;
	font-weight:bold;
	text-decoration:underline;
	color:#057F05;
}
a:visited{
	font-family:"Comic sans MS", Verdana;
	font-weight:bold;
	text-decoration:underline;
	color:#A6A9A6;
}

.Quest a,.Quest a:visited{
	font-size:12px;
	text-decoration:none;
	color:#426D42;
}
.Quest a:hover{
	text-decoration:underline;
	color:#426D42;
}
.retour{
	font-size:12px;
	text-decoration:underline;
	color:#426D42;
}
.Ennonce{
	float:left;
	width:270px;
	background-color:transparent;
}
.Ennonce1{
	float:left;
	width:120px;
	background-color:transparent;
}
.Ennonce2{
	float:left;
	width:430px;
	background-color:transparent;
}
.Ennonce3{
	float:left;
	width:330px;
	background-color:transparent;
}
.Ennonce4{
	float:left;
	width:100px;
	background-color:transparent;
}
.Ennonce5{
	float:left;
	width:300px;
	background-color:transparent;
}
.Ennonce6{
	float:left;
	width:150px;
	background-color:transparent;
}

.Reponse{
	float:left;
	width:320px;
	height:25px;
	background-color:transparent;
}
.Reponse1{
	float:left;
	width:180px;
	height:25px;
	background-color:transparent;
}
.Reponse2{
	float:left;
	width:170px;
	background-color:transparent;
}
.Reponse3{
	float:left;
	width:250px;
	background-color:transparent;
}
.Reponse4{
	float:left;
	width:450px;
	background-color:transparent;
}
.Reponse5{
	float:left;
	width:400px;
	background-color:transparent;
}
.Reponse6{
	float:left;
	width:450px;
	background-color:transparent;
}
.Precision{
	clear:left;
	width:590px;
	color:#333;
	padding-top:2px;
	background-color:transparent;
}
textarea{
	margin-top:5px;
	width:90%;
}
textarea.ptext{
	width:150px;;
}
table.dottedtab{
	margin:5px;
	border-width:	5px;
	border-color :	#426D42;
	border-style:	dotted;
	border-collapse: collapse; 
	font-size:12px;
}

table{
	margin-top:5px;
	border-width:	1px;
	border-color :	#426D42;
	border-style:	solid;
	border-collapse: collapse; 
	font-size:12px;
}
table td { 
	vertical-align:center;
	height:40px;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	border-width:	1px;
	border-color :	#426D42;
	border-style:	groove;
	font-size:12px;
	text-align:left;
}
.rep { 
	text-align:center;
}
table th { 
	vertical-align:center;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	border-width:	1px;
	border-color :	#426D42;
	border-style:	groove;
	font-size:12px;
	text-align:left;
}
input.long{
	width:300px;
}
table.TAbRien {
	margin-top:5px;
	border-width:	0px;
	font-size:12px;
	border-width:	0px;
	width:auto;
}
table.TAbRien td { 
	vertical-align:top;
	text-align:left;
	border-width:	0px;
	height:auto;
}

.sas{
	font-family:"Comic Sans Ms", Verdana;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	width:500px;
	border:1px solid #426D42;

}
.pjust{
	margin:15px;
	text-align:justify;
}