body {
background-color: #C8E59A;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}
a {color:#564B47;
text-decoration: none;
}
a:visited {color:#564B47;}
a:hover {color: green;}
a:active { color:green;}

#slogan, #geantstudio {
font-size: 11px;
font-weight: bold;
text-transform:uppercase;
background-color: #C8E59A;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
padding:5px 15px;
margin:0px;
}
h1 {
font-size: 22px;
text-transform:uppercase;
background-color: #C8E59A;
padding:5px 15px;
margin:0px;
margin-left : 10px;
}
h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;
margin-left : 10px;
}
h3 {
font-size: large;
font-weight: normal;
padding: 5px 10px;
margin:0px;
margin-left : 10px;
}
h4 {
font-size: medium;
font-family: Arial;
font-weight: bold;
padding: 5px 10px;
margin:0px;
margin-left : 10px;
}


img.download {vertical-align:middle;}

/* ----------container to center the layout-------- */
#container {
width:738px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
border: white 1px solid;
}

/* ----------entete du logo-------------- */
#entete {
position : relative;
text-align: right;
background-color: #C8E59A; /* on reprend la couleur du body */
padding: 0px;
margin: 0px; }

#entete img {padding:0px 0px;}

/* ----------outer and inner----------------- */

#outer{
border-left: solid 150px #C8E59A; /* couleur colone de gauche  */
border-right: solid 150px #C8E59A; /* couleur colone de droite  */
background-color: #C8E59A;  /*  couleur fond contenu */
}

#inner{margin:0; width:100%; } /* Correction pour IE sur PC */

/* --------------left and right navi------------- */
#left {
 width:150px;
 float:left;
 position:relative;
 margin-left:-150px;
 margin-right:1px;
 }
 #col_droite {
 position : relative;

 width:150px;
 float:right;
 position:relative;
 margin-right:-150px;
 margin-left:1px;
 }

/* -----------------content--------------------- */
#content{
position: relative;
margin: 0px;
border-left: 1px white solid;
border-right: 1px white solid;
}
p {
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; }

/*  ----------------Menu---------------------- */
#menu{

}
ul#menu {

list-style-type: none;
margin: 0px 0 50px 50px;
padding: 0;
margin-left : 0px

}
.centrer{
width : 293px;
margin-left : 50%;
margin-right : 50%;
}
ul#menu a {
	display: block;
	width: 150px;
	height: 3em;
	line-height: 3em;
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 80%;
	font-weight: normal;
	background-color:  #C8E59A;
	text-align: center;
	color: #58A618;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0px 0;
}
ul#menu a:link, ul#menu a:visited {
  border-bottom: 1px solid white;
}
a:link { color: green;}
a:visited { color: #564b47;
text-decoration: underline;
}
a:hover { color: lime;}
a:active { color: white;}
ul#menu a:hover {
  background-color: #69BE28;
  color : white;
}

#logo{
margin-right: 8px;
margin-top: 8px;
margin-bottom : 8px;
}

form {
 background-color:#C8E59A;
 padding:10px;
 width:350px;
 }
fieldset {
 padding:20px;
 margin-bottom:10px;
 margin: 5px;
 margin-left: 10px;
 margin-right: 10px;
 border: 1px solid #69BE28;
 }
legend {
 color:#69BE28;
 font-weight:bold
 }
label {
 margin-top:20px;
 display:block;
 }
label.inline {
 display:inline
 }
input {
 border:1px solid #69BE28;
 background-color:white;
 }
input[type=radio] {
 margin-right:50px;
 background-color:transparent;
 border:none;
 }
select, option {
 background-color:#C8E59A;
 }
textarea, #email, #nom {
 border:1px solid #69BE28;
 background-color:#C8E59A;
 }

input[type=submit], input[type=reset] {
 border:2px outset white;
 font-weight:bold;
 cursor:pointer;
  background-color:#C8E59A;

 }
input[type=submit]:hover, input[type=reset]:hover {
 border:2px outset white;
 background-color:#AAD564;
 }
input[type=submit]:active, input[type=reset]:active {
 border:2px inset white;
 background-color:#C8E59A;
 color:black;
 }
*:focus {
 background-color:#D7E5C1;
 }
#nom:focus {
 background-color:#D7E5C1;
 }
#email , #nom{
 width:200px;

}
#email:focus {
 background-color:#D7E5C1;
 }

hr {

display:block;

height: 1px;

margin: 0 !important;

margin: -7px 0;

padding: 0;

color: #FFF;

background-color: green;

border: 0;

}
table{
margin:10px;
    border: hidden #1DA809 1px;
}
table td {
    padding: 5px;
    border: hidden #1DA809 1px;
}