#global
{
height:100%;
		background: url(../images/fond01.jpg) 50% 50% no-repeat;
}
/* Contenu principal */


#contenu{ 
  position:absolute;
  left: 50%;  
  top: 50%; 
  width: 980px; 
  height: 400px; 
  margin-top: -270px; /* moitié de la hauteur */ 
  margin-left: -500px; /* moitié de la largeur */ 
  margin-bottom:121px; 
  padding: 0px 20px;
}

#herbe {
  position:absolute; 
  left:0px;
  width: 100%; 
  height: 30px; 
  bottom:121px;
	background: url(../images/herbe.png) repeat-x ; 
}
#flash1 {
  position:absolute; 
  width: 100%; 
  height: 130px; 
  bottom:121px;
  z-index:1;
}

#flash2 {
  position:relative;
     float:left;
	 
z-index:1;
}


#services {
  position:absolute; 
  width: 100%; 
  height: 447px; 
  bottom:122px;
  z-index:1;
}

#historique {
width:192px;
vertical-align : top;
}

#demarche {
width:325px;
vertical-align : top;
}

#valeurs {
width:214px;
vertical-align : top;
}

#form1 {
width: 250px;
vertical-align : top;
font-size: 12px;
}

#form2 {
vertical-align : top;
font-size: 12px;
}



#intro {
}


#intro p { 
padding-top:15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#1A1A1A;
}

#conclusion { 
color:#E2007A;
}

html {
height:100%;
}

body {
	background-color:#b1dce9; /* Voir -> Note 1 ci-dessous */
	margin:0;
	padding:0;
	height:100%
}

a {
	color: #e12268;
}
a:hover, a:focus {
	color: #e12268;
	text-decoration:none;
}


/* En-t�te */
#entete {
	background: #2C2F22;
}








/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 0; /* -> 2 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
}




.footer { /* menu fixe en bas de l'écran */
position: absolute ; /* position du menu = par rapport à la boite parent (ici le body) */
bottom: 0 ; /* Le bas du menu est à 0 pixels du bas de l'écran */
left: 0 ; /* La gauche du menu est à 0 pixels du bas de l'écran */
width: 100% ; /* largeur du menu = 98% de l'écran */
height: 121px ; /* hauteur du menu = 20 pixels */
background-color : #ffffff ; /* la couleur du menu */
z-index:11;

} /* Bordure haute du menu */




#logo{ 
  position:absolute; 
  right:3px;
  top:17px;
 	background: url(../images/logo.gif);
	width:311px;
	height:88px;
}

#infos{ 
  position:absolute; 
  left:43px;
  bottom:30px;
	font-size:10px;
	color:#999;
}

img{ 
border:0;
}

#Tableau_01{
}
#Tab02 h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#E2007A;
}
#Tab02 p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#1A1A1A;
}

address { 
	padding-top:5px;
	font-style:normal;
	font-size:10px;
	color:#999;
}
/*
a.bouton {
  color: white;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 9px;
  background-image: url(bkg_bouton_inactif.png);
}
a.bouton:hover {
  background-image: url(bkg_bouton.png);
}
.coucou {
    background-image: url(bkg_bouton.png);
  color: white;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
}*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform p{
margin: 0;
padding: 5px 20px 8px 10px;
}

.cssform label{

width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 250px;
}

.cssform textarea{
width: 400px;
height: 150px;
}

#go{
/*margin-left: 150px; */


}