/*
	------------------------------------------------------------------------
	general
	------------------------------------------------------------------------
	*/

	*{
		margin: 0px;
		padding: 0px;
	}

	body{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		background-color: #636363;
		font-size: 100%;
	}
	#ombre{
		width: 960px;
		margin: 0 auto;
		background-image: url(images/ombre.gif);
		
	}
	#conteneur {
		width: 950px;
		margin: 0 auto;
		background-image: url(images/fond-general.gif);
		font-size:0.75em;
		margin-right:5px;
	}
	#conteneurRea {
		width: 950px;
		margin: 0 auto;
		background: #FFFFFF;
		font-size:0.75em;
		margin-right:5px;
	}
	a:link{
		color: #97c00e;
		text-decoration: none;
		margin:0px;
		padding:0px;
	}
	a:visited{
		color: #97c00e;
		text-decoration: none;
		margin:0px;
		padding:0px;
	}
	a:hover{
		color: #454545;
		text-decoration: none;
	}

	h1{
		color: #454545;
		font-size:1.8em;
		font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
		margin-top:10px;
	}
	h1 a:link, h1 a:visited {
		color: #454545;
	}
	
	h1#recrute a:link, h1#recrute a:visited {
		color: #454545;
		font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
		margin-top:10px;
	}
	h1#recrute a:hover {
		color: #97c00e;
		font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
		margin-top:10px;
	}
	h2{
		font-size:1.35em;
		padding-top:50px;
	}
	h2.titreSom{
		font-size:1.35em;
		color: #454545;
		font-size:1.4em;
		font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
		padding:0 0 5px 0;
		background:url(images/traitaccueil.gif) no-repeat bottom left;
		margin:10px 0 10px 0;
	}
	h3{
		margin-top:80px;
		padding-bottom:3px;
		color: #454545;
		font-size:1.4em;
	}
	h3.soustitre{
		margin-top:0;
		padding-bottom:15px;
		font-size:1.2em;
		color:#821355;
	}
	h4{
		color: #454545;
		font-size:1.35em;
		font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
		padding:2px 2px 2px 2px;
	}
	h4.soustitre {
    color: rgb(144, 0, 85); 
    font-size: 1.5em;
    margin:5px 0 10px 0;
    font-weight:normal;    
  }
	h5{
		color:  #97c00e;
		font-size:1.35em;
		font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
		padding:2px 2px 2px 2px;
	}
  h5.soustitre {
    font-size:1.25em;
    margin-bottom:5px;
  }
  h6{
		color:  #97c00e;
    font-size:1.2em;
    margin-left:20px;
    font-weight:normal;
  }
  h6.gris{
    color: #454545;
    font-size:1.2em;
    margin-left:20px;
    font-weight:normal;
  }
	.net{
		clear: both;
		visibility: hidden;
	}
	.netRight{
		clear: right;
		visibility: hidden;
	}
	.netLeft{
		clear: left;
		visibility: hidden;
	}
	li{
		list-style-image:url(puce.gif); 
	}

	/*
	------------------------------------------------------------------------
	header
	------------------------------------------------------------------------
	*/

	#header {
		color: #97c00e;
		height: 196px;
		background-color: #99CCCC;
		background: url(images/header-droite.gif) right no-repeat;
		text-align:left;
	}
	#header.fond2{
		background: url(images/header-droite2.gif) right no-repeat;
	}
	#header img{
		float:left;
	}
	#ariane{
		font-size : 0.8em;
		color: #454545;
	}
	#ariane a{
		display : inline;
		font-size:1em;
		margin:0px;
		padding:0px;
	}

	/*
	------------------------------------------------------------------------
	milieu
	------------------------------------------------------------------------
	*/

	#centre {
		margin-left: 226px;
		margin-right: 206px;
		padding:45px 25px 45px 10px;

	}
	#centreRE {
		margin-left: 226px;
		margin-right: 6px;
		padding:45px 25px 45px 10px;
	}
	#centreLong {
		margin-left: 226px;
		margin-right: 6px;
		padding:45px 25px 45px 10px;
	}
	.trait{
		margin-bottom:15px;
	}
	.vignette {
		float:left;
		width: 210px;
		height: auto;
		_height: 165px;
		min-height: 165px;
		padding:0px 5px;
	}
	.vignette a:link{
		text-decoration: none;
		display:block;
		font-size:0.9em;
	}
	.vignette a:visited{
		text-decoration: none;
		display:block;
		margin:0px;
		padding:0px;
		font-size:0.9em;
	}

	.contenu_m{
		margin-bottom:30px;
		text-align: justify;
	}
	.contenu_mot{
		margin-bottom:30px;
		height: auto;
		_height: 40px;
		min-height: 40px;

	}

	#centre p{
		margin-bottom:10px;
	}
	#centreRE p{
		margin-bottom:10px;
	}
	#retour {
		font-size:0.85em;
		text-align:center;
		color:#454545;
	}
  #centre ul, #centreRe ul{
    margin:5px 0 15px 0;
  }
  #centre li, #centreRe li{
    padding:5px 0 2px 0;
    margin-left:50px;
  }
  #centre .noMarge li, #centreRe .noMarge li{
    padding:5px 0 2px 0;
    margin-left:15px;
  }
  
  .blocMilieu{
    border-right:none;
    border-left:none;
  }
  
  /*----------sommaire------------------*/
  .blocSom{
    width:202px;
    float:right;
    margin-right:25px;
  }
  #buttonContainer{
  }
  #buttonContainer img{
    margin: 20px 4px 10px 0;
    cursor: pointer;
  }
  #container{
    margin:30px 0 0 35px;
  }
  /*----------------------formations--------------*/
  .blocForm{
    width:222px;
    float:left;
  }
  .blocDroit{
    border-left:1px solid #CFCFCF;
  }
  .blocGauche{
    width:222px;
    float:left;
    border-right:1px solid #CFCFCF;
  }
  #TopFormations{
    margin:10px 0 25px 0;
  }
  #TopFormations td{
    padding-bottom:5px;
    vertical-align:top;
  }
  .leftTD{
    width:80px;
    color:#821355;
  }
  #contenu_f li{
    font-size:0.9em;
    padding:2px 0 2px 0;
    list-style-image:url(puce2.gif); 
  }
  #centreLong .blocForm li{
    list-style:none;
    height:60px;
    padding:8px;
  }
  #centreLong .blocForm li img{
    float:left;
    margin:0 10px 0 0;
  }
  #centreLong .blocForm li a:link, #centreLong .blocForm li a:visited{
    color:#454545;
    text-decoration: none;
    font-weight: bold;
    font-size:11px;
  }
  #centreLong .blocForm li a:hover{
    color:#97c00e;
    text-decoration: underline;
    font-weight: bold;
    font-size:11px;
  }
  p.sous{
    margin:5px 0 0 0;
    font-size:0.8em;
    color:#454545;
  }
  ul#PlusForm{
    margin:5px 0 40px 0;
  }
  #PlusForm li{
    list-style: round;
    list-style-image: url(none);
    padding:3px 10px 0 0;
    margin-left:20px;
  }
  #PlusForm li a:link, #PlusForm li a:visited{
    color:#454545;
  }
  #PlusForm li a:hover{
    color:#97C00E;
  }
	/*------------------menu-gauche-----------------*/
	#gauche {
		float: left;
		width: 226px;
		height: auto;
		_height: 540px;
		min-height: 540px;
		background: url(images/ombre-menu.jpg) top right no-repeat;
		padding-top:64px;
	}
  #gauche ul{
		list-style:none;
  }
	#gauche li{
		list-style:none;
		background: url(images/trait-menu.gif) bottom left no-repeat;

	}
	#gauche a ,#gauche a:visited{
		display:block;
		padding-left:15px;
		padding-top: 2px;
		margin-right:20px;
		height: 43px;
		color: #97c00e;
		font-size:0.8em;
		font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;

	}
	#gauche a:hover{
		background:url(images/hover.jpg) no-repeat;
	}
	#gauche span{
		font-size:1.95em;
		color: #900055;
		font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	}
	.on{
		background:url(images/hover.jpg) no-repeat;
	}


	/*------------------menu-droite-----------------*/

	#droite {
		float:right;
		width: 206px;
		padding-top:70px;
		height: auto;
		_height: 640px;
		min-height: 640px;
	}
	#droiteRE{
		float:right;
		width: 6px;
	}
	#droite div{
		padding:0px 3px;
	}
	.contenu_d{
		margin-bottom:30px;
		width:190px;
	}
	.contenu_d a:link{
	  text-decoration:underline;
		text-decoration: none;
		display:block;
		margin:0px;
		padding:0px;
		font-size:0.9em;
	}
	.contenu_d a:visited{
		text-decoration: none;
		display:block;
		margin:0px;
		padding:0px;
		font-size:0.9em;
	}
	#droite img{
		padding-left:0px;
	}
	#droiteForm{
    padding-left:4px;
  }
	div#tel{
    font-size:12px;
    font-weight: bold;
    padding:8px 0 10px 40px;
    color:#821355;
    background: url(images/more.png) no-repeat;
  }
  
	/*
	------------------------------------------------------------------------
	footer
	------------------------------------------------------------------------
	*/

	#footer {
		clear:both;
		height:auto;
		min-height: 40px;
		_height: 40px;
		background: url(images/footer.gif) repeat-x #97C00E;
		margin: 0px;
		padding: 0px;
	}
	#footer p{
		padding:10px 4px;
		text-align:center;
		font-size:0.9em;
		font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
		color: #CDEF5C;
	}
	#footer a:link{
		color: white;
		text-decoration: none;
		margin:0px;
		padding:0px;
		display:inline;
	}
	#footer a:visited{
		color: white;
		text-decoration: none;
		display:inline;
	}
  #ombreBas{
    background:#636363 url(images/ombreBas.gif) repeat-x;
    width: 956px;
		margin: 0 auto;
  }
  /*-----footer formation-----*/
  	#footer ul.listForm{
      float:left;
      width:280px;
      margin-left:10px;
      margin-top:20px;
      margin-bottom:20px;
      padding:10px 5px;
      border-left:1px solid #accd3e;
    }
    #footer  ul#firstList{
      margin-left:30px;
      border-left:none;
    }
  	#footer .listForm li{
      margin : 0 10px;
      list-style: none;
      list-style-image: none;
      padding:2px 0 2px 0;
      line-height: normal;
    }
    #footer .listForm li a{
      font-size:11px;
    }
    #footer .listForm li a:link{
      color:white;
    }
    #footer .listForm li a:visited{
      color:white;
    }
    #footer .listForm li a:hover{
      color:#E6FA36;
    }

	/*  ------------------------------------------
	/*  Habillage des formulaires
	/*  ------------------------------------------ */
	#contact label{
  display:block;
  float:left;
  width:70px;
  }
  #contact label,#contact label{
    padding-top:4px;
    font-size:1.2em;
  }
  #contact .form{
    float:left;
    width:300px;
    margin:0;
  }
  #contact textarea{
    width:300px;
    height:100px;
    margin:5px 0;
  }
  #contact .form, #contact textarea{
    border:1px solid #97C00E;
    padding:1px;
    margin:3px 0px;
  }
  #contact #envoi{
    border:1px solid #97C00E;
    background:none;
    cursor: pointer;
    color:#900067;
    font-weight: bold;
    margin-top:5px;  
    padding:2px; 
  }
  #contact #envoi:hover{
    border:1px solid #97C00E;
    background:#900067;
    cursor: pointer;
    color:white;
    font-weight: bold;
    margin-top:5px;
    padding:2px; 
  }
  #obligatoire{
    visibility:hidden;
    height:1px;
  }
#container{
  height:398px;
}  
  	/*  ------------------------------------------
	/*  Habillage des formulaires de formation
	/*  ------------------------------------------ */

#droite legend{
  margin:0 0 15px 0;
  padding-left:3px;
  font-weight:bold;
  color:#821355;
}
#droite .formulaire{
  width:180px;
  margin:10px 0 20px 0;
  color:#454545;
}
#droite .formulaire fieldset{
  border:none;
  margin:0;
  padding:0;
}
#droite .formulaire input{
  width:180px;
  border: 1px solid #97C00E;
  background:white;
  font-size:11px;
  margin-bottom:10px;
}
#droite .formulaire textarea{
  width:180px;
  height:100px;
  border: 1px solid #97C00E;
  background:white;
  padding:2px;
  font-size:11px;
  margin-bottom:10px;
}
#droite .formulaire input#envoi{
  width:80px;
  border:1px solid #821355;
  background:white;
  cursor: pointer;
}