#screen{
background-color:#C2F490;
}

#container{	width:960px; margin : 0 auto; border: 0px solid  /*#336600*/ #305F00;}

#topbar{width: 100%; display:block; height:155px; background-image:url(Images/header_degrade.jpg); background-repeat:no-repeat; background-position:center; /*background-color: #6FA43E*/; border-bottom: 0px solid #305F00;}

#navbar{width: 100%; display:block; height:38px;border-bottom: 0px solid #305F00;}

#main{width: auto; display:block; background-color: #488520}
  
#column_left{ float: left; width: 18%; margin-right: 10px;}  

#column_right{float: right;	width: 23%;	color: #FFFFFF;}

#contenu{overflow: hidden; padding: 1em; background-color: #FFFFFF;} /*overflow: hidden, il ne pourra plus se « glisser » sous les colonnes flottantes.*/ 

ul#menu{margin : 6px auto 0px auto;width: 680px; list-style-type: none;}

ul#menu li{float: left;	text-align: center;}/* On rend les li en flottant pour pouvoir les
 afficher horizontalement, on cache les puces, et on centre le texte */

ul#menu li a
{
	width: 150px;
	line-height: 25px ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #FFFFFF;
	display: block ;
	text-decoration: none ;
	border:#C2F490 solid;
	background-color: #488520;
}/* C'est sur les liens que le gros du travail est
 effectué, largeur, hauteur de ligne, taille de police, graisse de police,
  espacement des lettres, couleur, bordure et decoration du texte. 
  Nous pouvons dimensionner les a grâce à la propriété display: block ; */

ul#menu li a:hover
{
	background-color:#FFFFFF;
	color:#488520;
}


ul#menu_left
{
	width: 100%;
	line-height: 25px;
	font-size: 16px;
	font-weight: bold ;
	letter-spacing: 2px ;
	margin: 10px 0 0 4px;
	padding: 0;
	list-style-type: none;
}


ul#menu_left li a
{
	color: #FFFFFF;
	display: block;
	text-decoration: none ;
	border:solid;
	margin-bottom:10px;
}

ul#menu_left li a:hover
{
	background-color:#FFFFFF;
	color:#488520; 
}

/* Styles pour la rubrique en cours */
#menu_left #en-cours a {
	color: #2A4B07 /*#305F00*/;
}

/*ul#menu_left li ul {
	display:none;
}

ul#menu_left li ul li a {
	color: #FFFFFF;
	text-decoration: none;
	margin-bottom: 10px;
	border:0;
	text-align:	left;
}

ul#menu_left li ul li a:hover {
	text-decoration: underline;
	background-color:#86B557;
	color:#FFFFFF;
}


ul#menu_left li:hover ul {
	display:block;
  	list-style-type:disc;
  	padding-left: 2.5em;
  	color:#FFFFFF;
}*/

/* Debut sous menu géré par javascript */
/*.ssmenu a {
  text-decoration:none;
  color:#333;
}

.ssmenu {
  padding:0;
}

.ssmenu li {
  list-style-type:disc;
  list-style-position:inside;
  padding-left:0em;
  color:#86B557;
}

.ssmenu li:hover, .ssmenu a:hover,
  .ssmenu a:focus  {
  background-color:#F93;
  color:#FFF;
}

.ssmenu li:hover {
  list-style-type:circle;
}
*//* Fin sous menu géré par javascript */


div#column_right p {
text-align: left;
font-size: 16px;
font-weight:bold;
padding:5px 7px;
}

div#contenu h1
{
	font-family : "Times New Roman", Times, serif; 
	padding-left: 25px;
	line-height: 25px;
	font-size: 25px;
	color: #FF0000;
}

div#contenu h2
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 20px ;
	color: #305F00;
}
/* Mise en forme du titre de page, une petite image,
 on décale le texte en fonction de l'image, on donne un couleur au texte et
  on met une bordure basse */

div#contenu h3
{
	font-size: 17px ;
	font-weight: bold;
	text-align:left;
	border-bottom: 1px solid #488520;
	border-left: 4px solid #488520;
	color: #305F00;
	padding-left:7px;	
}

div#contenu h4
{
	font-size: 17px ;
	font-weight: bold;
	text-align:left;
	color: #FF6600;
	padding-left:7px;	
	border-bottom: 1px solid #FF6600;
	border-left: 4px solid #FF6600;
	
}

#contenu ul
{
  list-style-type: none;
  padding: 0;
  margin: 0;
  line-height: 1.7em;
  text-align: left;
  padding-left: 6em;
}

#contenu ul li
{
  background-image: url('Images/puce-losange.gif');
  background-position: 0 0.4em;
  padding-left: 1.1em; 
  background-repeat: no-repeat;
}

#contenu ol
{
  padding: 0;
  margin: 0;
  line-height: 1.7em;
  text-align: left;
}

body
{
	font-size : 13px;
	margin: 10px 0;
	padding: 0;
	text-align: center;
	font-family: /*Geneva, Arial, Helvetica, sans-serif*/"Trebuchet MS", Arial, Helvetica, sans-serif;
	background: white;	
}

p
{
	text-align: justify;
	text-indent: 3em;
	line-height: 1.6em;
}

hr {color:#CCCCCC;}

a
{
	color: #305F00;
	font-weight: bold;
}

a:hover
{
	color: #FF6600;
}

fieldset {
width: 85%;
margin: 10px auto;
border:4px dashed #305F00;
background-color:#FFFF99;
text-align:center;
color:#003300;
/*font-family: Geneva, Arial, Helvetica, sans-serif;*/
font-weight: bold;
padding: 5px;
}

label{color:#000000}

.input_txt{
border: 1px solid #999999;
margin:3px;}

td input[type=text]{
border: 1px solid #999999;
margin:3px;}


input[type=submit]{
	font-weight: bold;
}

#column_right fieldset {
width: 77%;
border:2px solid #666666;
padding:10px;
text-align:left;
color:#000000;
}

#column_right label
{display:block;
font-weight:bold;
margin-top: 10px;
}

#column_right input[type=text]{
border: 1px solid #999999;
margin:3px 0 0 0;}

#column_right input[type=submit]{
margin-top: 10px;
}

pre
{
	overflow: auto ;
}

.illustration{/*background: #FFFFFF;*/ width: 90%; margin: 15px 0 0px 5px;}

.left{float: left; width: 20%; margin-right: 20px;}

.left2{float: left; width: 30%; margin-right: 40px;}

.titre_cadeau {
width: 85%;
margin : 8px auto;
color: #FFFFFF;
background: #305F00;
font-size: 20px;
font-weight: bold;
}

.text_cadeau {
width:205px; 
height:1105px;
background-image:url(Images/bgarrondi.png);
background-repeat:no-repeat; 
margin-top: 10px;
margin-left:8px;
padding-top:20px;
}

.titre {color:#FF6600;
	text-align: center;
	font-weight:bold;
	font-size:16px;
}

.important{background-color: #305F00}

.important2{background-color: #FFFF00; font-weight:bold}

.section
{
background-color:#FFFF99;
border-top: 2px solid #CCCCCC;
border-bottom: 2px solid #CCCCCC;
font-size: 1.8em;
font-weight:bold;
text-align : left;
color: #000000;
width:100%;
}

.no_indent {
	text-indent:0em;
}

.gras_souligne {
	font-weight: bold;
	text-decoration: underline;
}

.pied-form {
	color:#333333;
	text-align: center ; 
	font-size: 12px;	
	font-weight:normal;
}

.signature {
font-family:"Brush Script Std";
/*color:#000099;*/
font-size:1.8em;
}
 

#footer{clear:both; width:auto; display:block; height:90px; border-top: 8px solid #C2F490; background-color:#488520; text-align:center; font-weight:bold; color: #FFFFFF; margin: 0 auto;}