/*=================
 * header.css
 *-----------------*/

/*-----------------
 * global
 *-----------------*/
* {
  margin: 0px;
  padding: 0px;
  /* Ne pas mettre border:0 a cause des <input> */
}

p, h1, h2 {
  margin-bottom: 1em;
}

ul {
  margin: -0.5em 0 1em 0;
  padding-left: 40px;
  list-style-position: outside;
}

li ul {
  margin-top: 0;
}

table {
  width: 100%;
  border-collapse:collapse;
  border-spacing: 0px;
  border: 0px;
  empty-cells: show;
  table-layout: auto;
}

img {
  display:block;
  border: 0px;
}

/*-----------------
 * local
 *-----------------*/
body {
  background-color: rgb(177,199,0); /* vert */
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  color: black;
}

p {
  text-align: justify;
}

a {
  color: rgb(0,153,177); /* cyan */
	text-decoration: underline;
  outline: none;
}
a:visited {
  color: rgb(129,0,129); /* violet */
}
a:hover {
	text-decoration: none;
  background-color: rgb(0,153,177); /* cyan */
  color: white;
}
a:active {
	text-decoration: none;
}

.bepconcept {
  display: none;
}

.vert {
  color: rgb(177,199,0); /* vert */
  font-weight: bold;
}
.vert2 {
  color: rgb(143,160,0); /* vert */
  font-weight: bold;
}
.cyan {
  color: rgb(0,153,177); /* cyan */
  font-weight: bold;
}
.bordeaux {
  color: rgb(160,13,89); /* bordeaux */
  font-weight: bold;
}
a.vert {
  font-weight: normal;
}
a.vert2 {
  font-weight: normal;
}
a.cyan {
  font-weight: normal;
}
a.bordeaux {
  font-weight: normal;
}

ul.vert {
  list-style-image: url(../images/bullet_green.png);
  color: black;
  font-weight: normal;
}
ul.bordeaux {
  list-style-image: url(../images/bullet_bordeaux.png);
  color: black;
  font-weight: normal;
}

/*-----------------
 * cadremain
 *-----------------*/
#cadremain {
  width: 1014px;
  margin: auto;
	background: transparent url(../images/bg_main.png) no-repeat;
}

/*-----------------
 * main
 *-----------------*/
#main {
  width: 1000px;
  margin: 0px auto 0px auto;
	/*background: white url(../images/bg_main.png) -7px 0px no-repeat;*/
	background: white url(../images/bg_main2.png) top left no-repeat;
}

/*-----------------
 * headerframe
 *-----------------*/
#headerframe {
  position: relative;
	/*background: transparent url(../images/bg_header.png) no-repeat;*/
	height: 200px;
  width :100%;
  overflow: hidden;
}

#lien_accueil {
  position:absolute;
  top: 0px;
  left: 0px;
}
#lien_accueil a {
  display: block;
  width: 840px; 
  height: 195px;
  background-color: transparent;
}

#logo_fondaterra {
  position:absolute;
  top: 9px;
  left: 918px;
}
#logo_fondaterra a {
  display: block;
  width: 73px; 
  height: 39px;
  background-color: transparent;
}

#logo_sfr {
  position:absolute;
  top: 9px;
  left: 870px;
}
#logo_sfr a {
  display: block;
  width: 39px; 
  height: 39px;
  background-color: transparent;
}

#logo_gouv {
  position:absolute;
  top: 83px;
  left: 886px;
}
#logo_gouv a {
  display: block;
  width: 86px; 
  height: 115px;
  background-color: transparent;
}

/*-----------------
 * leftframe
 *-----------------*/
#leftframe {
  position: relative;
  float: left;
  width: 155px;
  height: 460px;
  margin: 20px 0px 0px 10px;
  text-align: left;
  /*border: 1px solid blue;*/
}

#leftframe ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  border-bottom: 1px rgb(143,160,0) solid; /* vert2 */
}

#leftframe ul li {
  border-top: 1px rgb(143,160,0) solid; /* vert2 */
}

#leftframe ul li ul li {
  margin: 0px 0px 0px 10px;
  font-size: 0.8em;
  border-top: 1px #999999 solid; /* gris clair */
}

#leftframe ul li a {
  height: 20px;
  display: block;
  padding: 3px 2px;
	text-decoration: none;
}

#leftframe ul li.active ul {
  margin-left: 0px;
}

/* CONTACTEZ-NOUS */
#menuleftbottom {
  position: absolute;
  bottom: 0px;
  width: 100%;
}

#menuleftbottom ul {
  border-bottom: 1px rgb(160,13,89) solid; /* bordeaux */
}

#menuleftbottom ul li {
  border-top: 1px rgb(160,13,89) solid; /* bordeaux */
}

#menuleftbottom ul li.active a {
  color: rgb(160,13,89); /* bordeaux */
}

#menuleftbottom ul li a:hover {
  background-color: rgb(160,13,89);  /* bordeaux */
  color: white;
}

#leftframe .bouton_faireconnaitre {
  margin: 20px auto 0 auto;
	height: 144px;
	width: 144px;
	background: transparent url(../images/faireconnaitre.png) no-repeat;
}

#leftframe .bouton_faireconnaitre a {
	line-height: 144px;
  display: block;
  margin: auto;
	text-decoration: none;
}

#leftframe .bouton_faireconnaitre a:hover {
	background-color: transparent;
}

#leftframe .bouton_votezpour {
  margin: 20px auto 0 auto;
	height: 144px;
	width: 144px;
	background: transparent url(../images/votez-1.gif) no-repeat;
}

#leftframe .bouton_votezpour a {
	line-height: 144px;
  display: block;
  margin: auto;
	text-decoration: none;
}

#leftframe .bouton_votezpour a:hover {
	background-color: transparent;
}

/*-----------------
 * Images des menus
 *-----------------*/
/* ACCUEIL */
#leftframe ul li a#menu-accueil {
	background: transparent url(../images/menus/accueil-1.png) no-repeat;
}
#leftframe ul li.active a#menu-accueil,   #leftframe ul li a#menu-accueil:hover,
#leftframe ul li.active a#menu-accueilbg, #leftframe ul li a#menu-accueilbg:hover {
	background: white url(../images/menus/accueil-2.png) no-repeat;
}
#leftframe ul li a#menu-accueilbg {
	background: transparent url(../images/menus/accueil-3.png) no-repeat;
}

/* PRESENTATION */
#leftframe ul li a#menu-presentation {
	background: transparent url(../images/menus/presentation-1.png) no-repeat;
}
#leftframe ul li.active a#menu-presentation,   #leftframe ul li a#menu-presentation:hover,
#leftframe ul li.active a#menu-presentationbg, #leftframe ul li a#menu-presentationbg:hover {
	background: white url(../images/menus/presentation-2.png) no-repeat;
}
#leftframe ul li a#menu-presentationbg {
	background: transparent url(../images/menus/presentation-3.png) no-repeat;
}

#leftframe ul li.active ul li a#menu-presentationetapes {
  height: 17px;
	background: transparent url(../images/menus/etapes-challenge-1.png) no-repeat;
}
#leftframe ul li.active ul li.active a#menu-presentationetapes, #leftframe ul li.active ul li a#menu-presentationetapes:hover {
	background: white url(../images/menus/etapes-challenge-2.png) no-repeat;
}

#leftframe ul li.active ul li a#menu-presentationconcours {
  height: 17px;
	background: transparent url(../images/menus/modalites-1.png) no-repeat;
}
#leftframe ul li.active ul li.active a#menu-presentationconcours, #leftframe ul li.active ul li a#menu-presentationconcours:hover {
	background: white url(../images/menus/modalites-2.png) no-repeat;
}

#leftframe ul li.active ul li a#menu-presentationreglement {
  height: 17px;
	background: transparent url(../images/menus/lire-reglement-1.png) no-repeat;
}
#leftframe ul li.active ul li.active a#menu-presentationreglement, #leftframe ul li.active ul li a#menu-presentationreglement:hover {
	background: white url(../images/menus/lire-reglement-2.png) no-repeat;
}

/* PARTENAIRES */
#leftframe ul li a#menu-partenaires {
	background: transparent url(../images/menus/partenaires-1.png) no-repeat;
}
#leftframe ul li.active a#menu-partenaires, #leftframe ul li a#menu-partenaires:hover,
#leftframe ul li.active a#menu-partenairesbg, #leftframe ul li a#menu-partenairesbg:hover {
	background: white url(../images/menus/partenaires-2.png) no-repeat;
}
#leftframe ul li a#menu-partenairesbg {
	background: transparent url(../images/menus/partenaires-3.png) no-repeat;
}

/* ESPACE PRESSE */
#leftframe ul li a#menu-espacepresse {
	background: transparent url(../images/menus/espace-presse-1.png) no-repeat;
}
#leftframe ul li.active a#menu-espacepresse,   #leftframe ul li a#menu-espacepresse:hover,
#leftframe ul li.active a#menu-espacepressebg, #leftframe ul li a#menu-espacepressebg:hover {
	background: white url(../images/menus/espace-presse-2.png) no-repeat;
}
#leftframe ul li a#menu-espacepressebg {
	background: transparent url(../images/menus/espace-presse-3.png) no-repeat;
}

/* BOITE A IDEES */
#leftframe ul li a#menu-boiteaidees {
	background: transparent url(../images/menus/boiteaidees-noir.png) no-repeat;
}
#leftframe ul li.active a#menu-boiteaidees,   #leftframe ul li a#menu-boiteaidees:hover,
#leftframe ul li.active a#menu-boiteaideesbg, #leftframe ul li a#menu-boiteaideesbg:hover {
	background: white url(../images/menus/boiteaidees-vert.png) no-repeat;
}
#leftframe ul li a#menu-boiteaideesbg {
	background: transparent url(../images/menus/boiteaidees-gris.png) no-repeat;
}

#leftframe ul li.active ul li a#menu-boiteaideesgtc2009 {
  height: 17px;
	background: transparent url(../images/menus/2009-2010-noir.png) no-repeat;
}
#leftframe ul li.active ul li.active a#menu-boiteaideesgtc2009, #leftframe ul li.active ul li a#menu-boiteaideesgtc2009:hover {
	background: white url(../images/menus/2009-2010-vert.png) no-repeat;
}

#leftframe ul li.active ul li a#menu-boiteaideesgtc2010 {
  height: 17px;
	background: transparent url(../images/menus/2010-2011-noir.png) no-repeat;
}
#leftframe ul li.active ul li.active a#menu-boiteaideesgtc2010, #leftframe ul li.active ul li a#menu-boiteaideesgtc2010:hover {
	background: white url(../images/menus/2010-2011-vert.png) no-repeat;
}

/* CLUB JEUNES POUSSES */
#leftframe ul li a#menu-clubjeunespousses {
	background: transparent url(../images/menus/clubjeunespousses-1.png) no-repeat;
}
#leftframe ul li.active a#menu-clubjeunespousses, #leftframe ul li a#menu-clubjeunespousses:hover,
#leftframe ul li.active a#menu-clubjeunespoussesbg, #leftframe ul li a#menu-clubjeunespoussesbg:hover {
	background: white url(../images/menus/clubjeunespousses-2.png) no-repeat;
}
#leftframe ul li a#menu-clubjeunespoussesbg {
	background: transparent url(../images/menus/clubjeunespousses-3.png) no-repeat;
}

#leftframe ul li.active ul li a#menu-clubjeunespoussesentreprises {
  height: 32px;
	background: transparent url(../images/menus/entreprise-1.png) no-repeat;
}
#leftframe ul li.active ul li.active a#menu-clubjeunespoussesentreprises, #leftframe ul li.active ul li a#menu-clubjeunespoussesentreprises:hover {
	background: white url(../images/menus/entreprise-2.png) no-repeat;
}

/* CONTACTEZ-NOUS */
#menuleftbottom ul li a {
	background: transparent url(../images/menus/contactez-nous-1.png) no-repeat;
}
#menuleftbottom ul li.active a, #menuleftbottom ul li a:hover {
	background: white url(../images/menus/contactez-nous-2.png) no-repeat;
}

/*-----------------
 * rightframe
 *-----------------*/
#rightframe {
  position: relative;
  float: right;
  margin: 20px 5px 0px 0px;
  width: 160px;
  text-align: left;
}

/*-----------------
 * Block boutons
 *-----------------*/
#blockboutons {
	font: normal 20px Tahoma, Geneva, sans-serif;
  border-bottom: 1px rgb(125,201,214) solid; /* cyan clair */
}

#blockboutons div {
	height: 45px;
  margin-bottom: 10px;
  /*padding-left: 50px;*/
	/*line-height: 45px;*/
}

#blockboutons div a {
	height: 45px;
  display: block;
	text-decoration: none;
}

#blockboutons div .active {
	height: 45px;
  display: block;
}

/* INSCRIPTION */
#blockboutons div.bouton_inscription a {
	background: transparent url(../images/menus/je-minscris-1.png) 0px 0 no-repeat;
}
#blockboutons div.bouton_inscription a:hover, #blockboutons div.bouton_inscription .active {
	background: transparent url(../images/menus/je-minscris-2.png) 0px 0 no-repeat;
}

/* ESPACE CANDIDAT */
#blockboutons div.bouton_espacecandidat a {
	background: transparent url(../images/menus/espace-candidat-1.png) 0px 0 no-repeat;
}
#blockboutons div.bouton_espacecandidat a:hover, #blockboutons div.bouton_espacecandidat .active {
	background: transparent url(../images/menus/espace-candidat-2.png) 0px 0 no-repeat;
}

/* ACTUALITES */
#blockboutons div.bouton_actualites a {
	background: transparent url(../images/menus/actualites-1.png) 0px 0 no-repeat;
}
#blockboutons div.bouton_actualites a:hover, #blockboutons div.bouton_actualites .active {
	background: transparent url(../images/menus/actualites-2.png) 0px 0 no-repeat;
}
/*
#blockboutons div.bouton_actualites {
	background: transparent url(../images/menus/actualites-1.png) 0px 0 no-repeat;
}
*/

/*-----------------
 * Block actualites
 *-----------------*/
#blockactualites {
  position: relative;
  margin-top: 10px;
  border-bottom: 1px rgb(125,201,214) solid; /* cyan clair */
}

#blockactualites div.illustration{
  height: 81px;
  /*width: 143px;*/
  background-color: rgb(217,217,217);
  margin-bottom: 5px;
}

/*-----------------
 * Block newsletter
 *-----------------*/
#blocknewsletter {
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px rgb(125,201,214) solid; /* cyan clair */
}

#blocknewsletter img {
  margin: 5px 0px;
}

#blocknewsletter p {
  margin: 0px;
  color: rgb(0,153,177); /* cyan */
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

#blocknewsletter dt {
  display: none;
}

#blocknewsletter #email {
  float: left;
  width: 117px;
  height: 15px;
  border: 0;
  padding: 3px 2px;
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  background: transparent url(../images/bg_input.png) no-repeat;
  color: #666666;
}

#blocknewsletter #bton_envoyer {
  width:  21px;
  height: 21px;
  border: 0;
}

/*-----------------
 * Block commentaires
 *-----------------*/
#blockcommentaires {
  position: relative;
  margin-top: 10px;
}

#blockcommentaires p.commentaire {
  margin-bottom: 10px;
}

/*-----------------
 * centerframe
 *-----------------*/
#centerframe {
  position: relative;

  margin: 20px 200px 0px 200px;
  padding-bottom: 20px;
  /*border: 1px solid red;*/
}

#centerframe form ul {
  margin: 0 0 1em 0;
  padding: 0;
  list-style-type: none;
}

#centerframe form ul.errors {
  color: #ff0000;
}

#centerframe ul li {
  padding-bottom: 0.5em;
}

/*-----------------
 * footerframe
 *-----------------*/
#footerframe {
  position: relative;
  clear:both;
  /*height: 50px;*/
  width: 580px;
  margin : 10px auto 0px auto;
  padding: 25px 0px 0px 0px;
  background: url("../images/bg_footer_small.png") no-repeat;
}

#footerframe img {
  display: inline;
}

#footerframe  a {
	text-decoration: none;
  background-color: transparent;
  margin: 0px 10px;
}

/*-----------------
 * loader (commun)
 *-----------------*/
#loader {
  display: table; /* Pour clear dans le div */
  width: 100%;
  
  text-align: left;
  font: normal 14px Arial, Helvetica, sans-serif;

  min-height: 450px;
  height:auto !important;
  height:450px;
}

#loader h1 {
  margin-bottom: 1em;
  color: rgb(0,153,177); /* cyan */
  font: bold 14px Arial, Helvetica, sans-serif;
	text-align: justify;
}

#loader h1.bordeaux {
  color: rgb(160,13,89); /* bordeaux */
}

#loader h2 {
  margin-bottom: 0px;
  font: bold 14px Arial, Helvetica, sans-serif;
  padding: 0 0 0 2px;
	color: black;
}

#loader p {
  text-align: justify;
}

#loader tr.hidden_field {
  display: none;
}

#loader .highlight {
  color: black;
  font-weight: bold;
}