html {
	background : url("../images/bg.jpg") repeat-x;
	margin : 0;
	padding : 0;
	
}

body
{
   font-family: arial;
   color : #000;
   font-size : 11px;
   text-align : justify;
   margin : 0 auto;
   padding : 0;
   width : 768px;
   background : url("../images/bg.gif") repeat-y top center;
   position: relative;
}

a
{
	text-decoration : none;
	color : #3DAC0F;
}

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

a:visited
{
color : #2D6410;
}

ul
{
   list-style : none;
   padding : 0;
   margin : 0;
}

#banner
{
   background : url("../images/header_accueil.jpg") no-repeat top center;
   height : 188px;
   padding : 0;
}

#banner_programme
{
 	background : url("../images/header_p1.jpg") no-repeat top center;
 	height : 188px;
  padding : 0;
}

#banner_services
{
 	background : url("../images/header_services.jpg") no-repeat top center;
 	height : 188px;
  padding : 0;
}

#banner_apropos
{
 	background : url("../images/header_apropos.jpg") no-repeat top center;
 	height : 188px;
  padding : 0;
}

#banner_commencez
{
	background : url("../images/header_resultat.jpg") no-repeat top center;
	height : 188px;
  padding : 0;
}

#banner_resultats
{
	background : url("../images/header_resultats.gif") no-repeat top center;
	height : 188px;
  padding : 0;
}

#banner_conseils
{
	background : url("../images/header_conseils.jpg") no-repeat top center;
	height : 188px;
  padding : 0;
}
/* --------------------------------------------------------------- */
/* ------------------------- CONTAINER --------------------------- */
/* --------------------------------------------------------------- */

#container
{
   background : #EDA827;
   width : 758px;
   margin : 0 0 0 5px;
   padding : 0 0 2px 0;
}


/* ------------------------- CONTENU --------------------------- */

#contenu
{
  background : #fff url("../images/deco_accueil.jpg") no-repeat top right;
  margin : 0 0 0 3px;
  padding : 1px 0 0 0;
	width : 755px;
}

#contenu_programme
{
  background : #fff url("../images/deco_programme.jpg") no-repeat top left;
  margin : 0 0 0 3px;
  padding : 1px 0 0 0;
	width : 755px;
}

#contenu_apropos
{
  background : #fff url("../images/deco_apropos.jpg") no-repeat top left;
  margin : 0 0 0 3px;
  padding : 1px 0 0 0;
	width : 755px;
}

#contenu_apropos2
{
  background : #fff url("../images/deco_apropos.jpg") no-repeat top left;
  margin : 0 0 0 3px;
  padding : 1px 0 0 0;
	width : 755px;
}

#contenu_services
{
  background : #fff url("../images/deco_services.jpg") no-repeat top left;
  margin : 0 0 0 3px;
  padding : 1px 0 0 0;
	width : 755px;
}

#contenu_apropos2 h2
{
	font-size : 1.4em;
	color : #DB8021;
	margin : 25px 0 0 180px;
	width : 500px;
}

#contenu_services h2
{
	font-size : 1.4em;
	color : #DB8021;
	margin : 35px 0 0 180px;
	width : 500px;
}

#contenu_resultats
{
  background : #fff url("../images/deco_resultats.gif") no-repeat top left;
  margin : 0 0 0 3px;
  padding : 1px 0 0 0;
	width : 755px;
}

#contenu_commencez
{
  background : #fff url("../images/deco_commencez.jpg") no-repeat top left;
  margin : 0 0 0 3px;
  padding : 1px 0 0 0;
	width : 755px;
}

#contenu_conseils
{
  background : #fff url("../images/deco_conseils.jpg") no-repeat top left;
  margin : 0 0 0 3px;
  padding : 1px 0 0 0;
	width : 755px;
}



/* ----------------------- FORMATAGE TEXTE --------------------------- */

p
{
   font-family : verdana;
   line-height : 1.8em;
   margin : 15px 50px 0 180px; 
}

sup
{
   font-size : 0.8em;
}

.lettre
{
   font-weight : bold;
   font-size : 1.5em;
   color : #42772D;
}

h4
{
	 font-weight : bold;
   font-size : 1.4em;
   color : #42772D;
   margin : 15px 50px 0 180px; 
   padding : 5px 0 0 0;
}

.gras
{
	font-weight : bold;
}

/* ------------------------- TITRES --------------------------- */

h1
{
   font-size : 2.8em;
   color : #5C9898;
   margin : 15px 0 0 180px; 
   padding : 1px 0 0 0;
}

h2
{
	font-size : 1.4em;
	color : #DB8021;
	margin : 155px 0 0 180px;
	width : 500px;
}

h3
{
	font-size : 0.9em;
	color : #DB8021;
	margin : 10px 0 10px 180px;
}

/* --------------------------------------------------------------- */
/* ---------------------------- MENU ----------------------------- */
/* --------------------------------------------------------------- */

#menu
{
   position : absolute;
   top : 210px;
   left : 8px;
   padding : 0 0 89px 0;
   margin:0;
}

#menu ul
{
	margin : 0;
	padding : 0;
}

#menu ul li
{
	padding : 0;
	margin : 0;
}

#menu ul li a
{
	font-family : MS Sans Serif;
	font-size : 1.5em;
	font-weight : bold;
	color : #fff;
	display:block;
	text-decoration : none; 
	padding : 5px 0 0 20px;
}

/* --------------------------------------------------------------- */
/* -------------------------- BOUTONS ---------------------------- */
/* --------------------------------------------------------------- */


#btn1
{
	background : url("../images/btnAccueil.jpg") no-repeat;
	width : 148px;
	height : 29px;
}

#btn1 a:hover
{
	background : url("../images/btnAccueil.jpg") no-repeat top center;
	height : 27px;
	
}

#btn2
{
	background : url("../images/btnProgramme.jpg") no-repeat;
	width : 148px;
	height : 29px;
}

#btn2 a:hover
{
	background : url("../images/btnProgramme.jpg") no-repeat top center;
	height : 27px;
}

#btn3
{
	background : url("../images/btnApropos.jpg") no-repeat;
	width : 148px;
	height : 29px;
}

#btn3 a:hover
{
	background : url("../images/btnApropos.jpg") no-repeat top center;
	height : 27px;
}

#btn4
{
	background : url("../images/btnServices.jpg") no-repeat;
	width : 148px;
	height : 29px;
}

#btn4 a:hover
{
	background : url("../images/btnServices.jpg") no-repeat top center;
	height : 27px;
}

#btn5
{
	background : url("../images/btnResultat.jpg") no-repeat;
	width : 148px;
	height : 29px;
}

#btn5 a:hover
{
	background : url("../images/btnResultat.jpg") no-repeat top center;
	height : 27px;	
}

#btn6
{
	background : url("../images/btnContact.jpg") no-repeat;
	width : 148px;
	height : 29px;
}

#btn6 a:hover
{
	background : url("../images/btnContact.jpg") no-repeat top center;
	height : 27px;	
}

#btn7
{
	background : url("../images/btnCommencez.jpg") no-repeat;
	width : 148px;
	height : 29px;
}

#btn7 a:hover
{
	background : url("../images/btnCommencez.jpg") no-repeat top center;
	height : 27px;	
}

#btn8
{
	background : url("../images/btnConseils.jpg") no-repeat;
	width : 148px;
	height : 29px;
	margin : 0;
}

#btn8 a:hover
{
	background : url("../images/btnConseils.jpg") no-repeat top center;
	height : 27px;	
	margin : 0;
}


#current1
{
	background : url("../images/btnAccueil.jpg") no-repeat top right;
	height : 27px;	  
}

#current2
{
	background : url("../images/btnProgramme.jpg") no-repeat top right;
	height : 27px;	  
}

#current3
{
	background : url("../images/btnApropos.jpg") no-repeat top right;
	height : 27px;	  
}

#current4
{
	background : url("../images/btnServices.jpg") no-repeat top right;
	height : 27px;	  
}

#current5
{
	background : url("../images/btnResultat.jpg") no-repeat top right;
	height : 27px;	  
}


#current6
{
	background : url("../images/btnContact.jpg") no-repeat top right;
	height : 27px;	
}

#current7
{
	background : url("../images/btnCommencez.jpg") no-repeat top right;
	height : 27px;	
}

#current8
{
	background : url("../images/btnConseils.jpg") no-repeat top right;
	height : 27px;	
}

/* -------------------------------------------------------------------- */


/* --------------------------------------------------------------- */
/* ------------------------- OBJECTIFS --------------------------- */
/* --------------------------------------------------------------- */

#objectifs
{
   font-family : verdana;
   line-height : 1.8em;
   margin : 35px 20px 0 160px; 
}


#objectifs li
{
   margin : 0 0 0 45px;
   padding : 0 0 6px 20px;
   background : url("../images/puce.gif") no-repeat 0 50%;
}


/* --------------------------------------------------------------- */
/* --------------------------- BOTTOM ---------------------------- */
/* --------------------------------------------------------------- */

#bottom
{
	background : url("../images/bottom.gif") repeat-x bottom right;
	height : 55px;
	margin : 180px 0 0 0;
	padding : 0 0 0 150px;	
	color : #BDBDBD;
}

#bottom li
{
	padding : 0 5px 0 0;
	display : inline;

}

#bottom a
{
	text-decoration : none; 
	font-size : 0.9em;
	color : #BDBDBD;	
}


/* --------------------------------------------------------------- */
/* --------------------------- PROGRAMME -------------------------- */
/* --------------------------------------------------------------- */

#contenu_programme h6 
{
	font-size : 1.3em;
  color : #DB8021;
  text-align : center;
  margin : 55px 0 0 180px; 
}

.description
{
	font-size : 0.9em;
	padding : 35px 0 0 0;
}

#quickStart
{
	background : url("../images/quickStart.jpg") no-repeat;
	margin : 15px 20px 0 45px;
	padding : 0 0 15px 0;
	width : 205px;
	height : 150px;
	float : left;
	
}

#formule1
{
	background : url("../images/formule1.gif") no-repeat;
	margin : 45px 20px 0 90px;
	padding : 0 0 30px 0;
	width : 113px;
	height : 193px;
	float : left;
}

#formule2
{
	background : url("../images/formule2.jpg") no-repeat;
	margin : 25px 20px 0 90px;
	width : 113px;
	height : 193px;
	float : left;
}

#formule3
{
	background : url("../images/formule3.jpg") no-repeat;
	margin : 15px 20px 0 90px;
	padding : 0 0 25px 0;
	width : 133px;
	height : 173px;
	float : left;
}

#complement
{
	background : url("../images/complement.jpg") no-repeat;
	margin : 15px 20px 0 90px;
	padding : 0 0 25px 0;
	width : 113px;
	height : 193px;
	float : left;
}


/* --------------------------------------------------------------- */
/* --------------------------- CONSEILS -------------------------- */
/* --------------------------------------------------------------- */

#contenu_conseils h2
{
	font-size : 1.4em;
	color : #DB8021;
	margin : 25px 0 0 180px;
	width : 500px;
}

/* --------------------------------------------------------------- */
/* --------------------------- A PROPOS -------------------------- */
/* --------------------------------------------------------------- */

#photo_siege
{
	background : url("../images/siege.gif") no-repeat;
	width : 120px;
	height : 179px;
	float : right;
	margin : 0 20px 0 20px;
	padding : 0 0 0 15px;
}

#propos2 a
{
	text-decoration : none;
	color : #3DAC0F;
	font-size : 1.2em;
	font-weight : bold;
	padding : 0 0 0 100px;
	margin : 30px 0 0 0; 
	float : left;
}

#propos2 a:hover
{
	color : #EDA72B;
}

/* --------------------------------------------------------------- */
/* --------------------------- RESULTATS ------------------------- */
/* --------------------------------------------------------------- */

#contactJimmy  
{
	margin : 55px 0 0 0;

}

#contactJimmy li
{
	margin : 15px 0 0 100px;
	text-align : center;
	font-size : 1.2em;
	font-weight : bold;
	color : #42772D;
}


/* --------------------------------------------------------------- */
/* --------------------------- COMMENCEZ-------------------------- */
/* --------------------------------------------------------------- */

form
{
	padding : 50px 0 0 200px;
}


.lib
{
	margin : 10x 10x 10x 50px;
}

.bouton_form
{
	padding : 40px 0 0 0;
}

/* --------------------------------------------------------------- */
/* --------------------------- CONTACT --------------------------- */
/* --------------------------------------------------------------- */

#coordonnees
{
	margin : 60px 0 0 200px;
}

#coordonnees p
{
	font-size : 1.5em;
	padding : 10px 0 0 0;
}

#coordonnees tr td
{
	font-size : 1.2em;
	color : #2D6410;
	font-weight : bold;
	padding : 15px 10px 0 0;
	width : 200px;
}

#telephone
{
	background : url("../images/telephone.jpg") no-repeat;
	width : 181px;
	height : 115px;
	float : right;
	margin : 70px 1px 0 0;
}

/* --------------------------------------------------------------- */
/* --------------------------- RESULTATS ------------------------- */
/* --------------------------------------------------------------- */

#contenu_resultats h2
{
	text-align : center;
	font-size : 1.6em;
	margin : 55px 0 0 180px;
	padding : 0;
}

#marcy
{
	background : url("../images/marcy.jpg") no-repeat;
	width : 320px;
	height : 150px;
	margin : 25px 0 0 260px;
}

#rose_m
{
	background : url("../images/rose_m.jpg") no-repeat;
	width : 234px;
	height : 198px;
	margin : 25px 0 0 300px;
}

#maribelle
{
	background : url("../images/maribelle.jpg") no-repeat;
	width : 213px;
	height : 198px;
	margin : 25px 0 0 310px;
}

#james
{
	background : url("../images/james.jpg") no-repeat;
	width : 262px;
	height : 198px;
	margin : 25px 0 60px 300px;
}

#note
{
	font-size : 0.9em;
}