body{
	background-color:#FFF;
	margin:0;padding:0;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	color:#777675;
	font-size:11px;
}

textarea{font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;}

p{margin-top:0;}

a{color:#518814;}

a.gris{color:#777675;text-decoration:none;}
a.gris:hover{text-decoration:underline;}

#contenant{
	width:750px;
	margin:0 auto;
	position:relative;
}

/*** BANDE DE DROITE ***/
#bandegauche{
	position:absolute;
	width:181px;
}

#logo{
	background:url(../img/logo_horticompetences.gif) no-repeat;
	width:181px;height:123px;
}
#logo a{
	width:100%;height:100%;display:block;
}
#menugauche ul{
	margin:0;padding:0;
	list-style:none;
}

#menugauche ul li{
	background:url(../img/fleche_menu.gif) 0 -85px no-repeat;
	width:177px;padding-bottom:10px;
	float:left;
	clear:left;
}

#menugauche ul li.done ul{margin:5px 0 0 25px;}

#menugauche ul li.done ul li{
	background:none;
	padding-bottom:5px;
	background:url(../img/fleche_smenu.gif) 0 -21px no-repeat;
	width:150px;
}

#menugauche ul li.done ul li a{
	background:none;
	padding-left:15px;
	display:block;
	font-size:10px;
	text-decoration:none;
	color:#476319;
	font-weight:bold;
	line-height:14px;
	background:url(../img/fleche_smenu.gif) 0 3px no-repeat;

}
#menugauche ul li.done ul li.done a,#menugauche ul li.done ul li.done a:hover{color:#a4bd1e;background:url(../img/fleche_smenu.gif) 0 -21px no-repeat;}
#menugauche ul li.done ul li a:hover{background-image:none;color:#a4bd1e;}

#menugauche ul li.done{background:none;}
#menugauche ul li.done a, #menugauche ul li.done a:hover{
	background:url(../img/fleche_menu.gif) 0 -187px no-repeat;
	color:#a4bd1e;
}

#menugauche ul li.filet{
	background:url(../img/filet_menu.gif) no-repeat;
	width:177px;height:1px;
	overflow:hidden;
}

#menugauche ul li a{
	background:url(../img/fleche_menu.gif) no-repeat;
	padding-left:25px;
	display:block;
	font-size:11px;
	text-decoration:none;
	color:#476319;
	font-weight:bold;
	line-height:17px;
}

#menugauche ul li a:hover{background-image:none;color:#a4bd1e;}

#menugauche ul li ul{display:none;}

/*** BOITE RECHERCHE ***/
#boiterecherche{clear:left;padding-top:20px;width:177px;}
#boiterecherche form{margin:0;padding:0;}
#boiterecherche input{margin-left:30px;width:120px;}
.bouton{float:right;background:url(../img/fleche.gif) 0 3px no-repeat;width:17px;height:21px;}
.bouton a{display:block;width:17px;height:21px;}
#boiterecherche .bouton a{width:17px;height:21px;display:block;}

#emploiqc{
	margin:40px 0 20px 6px;
	width:160px;
}
#emploiqc p {
	margin:0;
	margin-top:5px;
}
/*** BANDE DE GAUCHE ***/
#bandedroite{
	padding:0 15px 0 182px;
	background:url(../img/shw_cote.gif) right top repeat-y;
}

#menutop ul{margin:0;padding:10px 0 0 0;list-style:none;height:25px;}
#menutop ul li{float:right;color:#518814;font-size:11px;padding:1px;}
#menutop ul li a{
	color:#518814;
	font-size:11px;
	text-decoration:none;
	padding:0 5px;
}
#menutop ul li a:hover{
	border-bottom:1px dotted #518814;
}

#menutop ul li.done a{background-color:#b6d221;}

#contenu{background:url(../img/shw_cote.gif) repeat-y;position:relative;}
#contenu .texte{
	margin-top:10px;
	background:url(../img/accueil/espace_centre.gif) no-repeat;
	width:533px;height:54px;
	padding:10px;
	font-size:11px;
	color:#FFF;
	text-align:center;
}

#infogauche{width:370px;padding:10px 0 20px 0;}

#btnsurveiller{
	background:url(../img/accueil/a_surveiller.gif) no-repeat;
	height:125px;width:20px;
	top:360px; left:20px;
	position:absolute;
}


#btnemploi{
	float:left;
	margin-right:4px;
	background:url(../img/accueil/emplois.gif) 0 -118px no-repeat;
	width:179px;height:59px;
}
#btnemploi a{
	background:url(../img/accueil/emplois.gif) no-repeat;
	width:179px;height:59px;
	display:block;
}
#btnformation{float:left;
	background:url(../img/accueil/formation.gif) 0 -118px no-repeat;
	width:183px;height:59px;
}
#btnformation a{
	background:url(../img/accueil/formation.gif) no-repeat;
	width:183px;height:59px;
	display:block;
}
#btnemploi a:hover,#btnformation a:hover{background-image:none;}

#infogauche .asurveiller{
	clear:left;
	background:url(../img/fleche.gif) 0 20px no-repeat;
	margin:0 0 0 60px;
	padding:20px 0 0 25px;
	width:275px;
}
#infogauche .asurveiller h1{
	margin:0 0 5px 0;
	padding-bottom:5px;
	border-bottom:1px solid #b6d221;
}
#infogauche .asurveiller h1 a{color:#518814;	font-size:18px;text-decoration:none;}
#infogauche .asurveiller h1 a:hover{color:#a4bd1e;}

#infogauche .asurveiller p.intro{font-size:12px}

#infogauche .asurveiller img{margin: 0 10px 10px 0;}

#infodroite{position:absolute;left:370px;top:282px;width:183px;}

#programme,#mutuelle{background-color:#dae890;width:183px;margin-bottom:4px;}
#infodroite { display:block;}
#programme a, #mutuelle a{
	text-decoration:none;
	color:#518814;
	font-size:11px;
	padding:10px;
	line-height:14px;
	display:block;width:163px;
}
div#bouton-vers-videos {
	width:183px;
	height:75px;
	background:#dae890;
	margin:0;
	padding:0;
	margin-bottom:4px;
}
div#bouton-vers-videos2 {
	width:183px;
	height:75px;
	background:#dae890;
	margin:0;
	padding:0;
	margin-bottom:4px;
}
div#bouton-vers-videos2 span {
	font-size:14px;
	line-height:16px;
	display:block;
	font-weight:bold;
	text-decoration:none;
	color:#518814;
	margin:0;
	padding:10px 0 0 20px;
	cursor:pointer;
}
div#bouton-vers-videos2 img {
	border:none;
	float:right;
}
div#bouton-vers-videos a {
	height:75px;
	display:block;
	text-decoration:none;
	color:#518814;
	margin:0;
	padding:0 0 0 15px;
	background: url(../clips/vignettes/bouton-01.jpg) no-repeat 100% 0; 
}
div#bouton-vers-videos a span {
	font-size:14px;
	line-height:14px;
	display:block;
	font-weight:bold;
	text-decoration:none;
	color:#518814;
	margin:0;
	padding:10px 0 0 0;
	cursor:pointer;
}
div#bouton-vers-videos a em {
	font-size:11px;
	line-height:11px;
	text-decoration:none;
	font-style:normal;
	display:block;
	padding-top:4px;
}
div#bouton-vers-videos a span img {
	padding:0 0 0 23px;
}




#bulletin{padding:10px 10px 0 10px;color:#93AC11;position:relative;}
#bulletin a strong {color:#518814;font-size:14px;line-height:14px;text-decoration:none;}
#bulletin a:hover strong{text-decoration:underline;}
#bulletin a{color:#a4bd1e;text-decoration:none;}
#bulletin a:hover{text-decoration:underline;}
#bulletin .bouton{position:absolute;right:10px;top:20px;background:url(../img/fleche.gif) 10px 0 no-repeat;width:27px;height:21px;}
#bulletin .bouton a{display:block;width:27px;height:21px;}

#footer{
	background-color:#518814;
	padding:10px;
	color:#FFF;
}

#footer h2{margin:0;padding-top:0;color:#FFF;font-size:11px;border:none;}
#footer .green{color:#b6d221;}
#footer ul{margin:0;padding:0;list-style:none;}
#footer ul li{display:inline;margin-right:20px;}
#footer a{color:#FFF;}

#arianne{
	border-top:1px solid #CCC;
	padding:5px 5px 5px 10px;
	font-size:10px;
}
#arianne a{font-size:10px;color:#777675;text-decoration:none;}

h1.big{
	background:url(../img/back_titre.gif) no-repeat;
	width:523px;height:24px;
	color:#FFF;
	font-size:16px;
	margin:0;
	padding:50px 0 0 30px;

}

#contenutxt{margin:0 20px 0 50px;}
#contenutxt p{margin:0 30px 15px 15px;line-height:16px;}
#contenutxt p.small{font-size:10px;line-height:11px;}
#contenutxt p.firstline{margin-top:20px;}
#contenutxt h3{
	margin:0 30px 20px 15px;
	font-size:14px;
}
#contenutxt h3.vert{
	margin:0 30px 0 15px;
	font-size:14px;
	color:#a4bd1e;
}
#contenutxt h3.vert span {
	font-weight: normal;
}
#contenutxt h4.vert{
	margin:0 30px 0 15px;
	font-size:12px;
	color:#a4bd1e;
}
#contenutxt h3.vert a{color:#a4bd1e;}

h2,h2.nowidth{
	margin:0 0 20px 0;
	font-size:16px;
	color:#518814;
	padding:20px 0 5px 0;
	border-bottom:1px solid #B6D221;
	width:300px;
}
h2.nowidth{width:auto;}
#sousmenubande{
	height:28px;
	background:#B6D221 url(../img/shw_bout_vert_lime.gif) no-repeat;
}

#sousmenubande ul{
	margin:0 10px 0 0;padding:0;
	list-style:none;
}
#sousmenubande ul li{	float:right;color:#FFF;margin:12px 0 0 5px;padding-bottom:3px;}
#sousmenubande ul li a{color:#FFF;text-decoration:none;}
#sousmenubande ul li a:hover,#sousmenubande ul li.done a{border-bottom:3px solid #FFF;}

.date{
	font-weight:bold;
	color:#b6d221;
	padding-right:20px;
	font-size:12px;
}

li{padding-bottom:5px;}

li.pdf{
	list-style:none;
	background:url(../img/doc_pdf.gif) no-repeat;
	padding:3px 0 10px 20px;
	height:1%;
}
li.word{
	list-style:none;
	background:url(../img/doc_word.gif) no-repeat;
	padding:3px 0 10px 20px;
	position:relative;
}
li.ppt{
	list-style:none;
	background:url(../img/doc_ppt.gif) no-repeat;
	padding:3px 0 10px 20px;
	position:relative;
}

table.tableinfo,table.tableinfo2{
	margin:0 0 15px 15px;
	position:relative;
}




table.tableinfo th,table.tableinfo2 th{
	color:#FFF;
	background-color:#b6d221;
	padding:3px 5px;
}

table.tableinfo tr.gris td,table.tableinfo2 td.gris,table.tableinfo td.gris{background-color:#E3E3E3;}
table.tableinfo td{	padding:3px 5px;vertical-align:top;}
table.tableinfo td ul{margin:0;padding:0;}
table.tableinfo td ul li.pdf{padding-bottom:5px;}
table.tableinfo td ul li.pdf a{color:#777675;}
table.tableinfo td ul li.word{padding-bottom:5px;}
table.tableinfo td ul li.word a{color:#777675;}
table.tableinfo2 td{padding:10px 5px;vertical-align:top;}

table.ficheemploi{margin:20px 0 0 15px;border-top:1px solid #CCC;}

table.ficheemploi th{text-align:left;}
table.ficheemploi td{vertical-align:top;padding:5px 0;}
table.ficheemploi td.descriptif{color:#518814;font-weight:bold;width:150px;padding-right:15px;}
table.ficheemploi td ul{margin:0;}
table.ficheemploi td ul li{position:static;}
table .filet{border-bottom:1px solid #CCC;}

ul.listfleche{
	margin:0 0 20px 25px;padding:0;
	list-style:none;
}
ul.listfleche li{
	position:relative;
	background:url(../img/bullet_fleche.gif) 0 4px no-repeat;
	padding-left:10px;
}

#archives ul.listfleche li p{margin-left:0;}
#archives ul.listfleche li h3{margin-left:0;margin-bottom:5px;}

.retour{float:right;margin-top:20px;}
.retour a{color:#B6D221;font-weight:bold;text-decoration:none;}

.projets,.nouv, .agenda{position:relative;clear:left;padding-top:20px;}
.projets h2,.nouv h2, .agenda h2{margin-top:0;padding-top:0;}
.agenda p{margin-left:0 !important;padding-left:0!important;}
.projets .projetphoto{position:absolute;top:70px;}
.projets .descphoto{padding-left:160px;line-height:16px;margin-right:30px;}
#contenu .projets .descphoto p,#contenu .projets .desc p{margin:0 0 15px 0px;}
.projets .desc{margin:0 30px 0 15px;line-height:16px;}
.projets ul,.nouv ul{margin:15px 0 0 0;padding:0;}

.agenda h2{
	margin:0 0 20px 0;
	font-size:14px;
	color:#B6D221;
	padding-bottom:5px;
	border-bottom:1px solid #B6D221;
	width:300px;
}
.agenda .date{
	font-weight:bold;
	color:#518814;
	padding-right:20px;
	font-size:16px;
}

.pagination{padding:20px 0;margin-left:20px;}
.pagination ul{	margin:0;padding:0;list-style:none;}
.pagination ul li{float:left;margin-right:8px;color:#B6D221;}
.pagination ul li a{color:#B6D221;}
.pagination ul li.done a{color:#518814;text-decoration:none;font-weight:bold;}
.pagination ul li.noprojets{color:#777675;margin-right:20px;}
.pagination ul li.precedent{
	background:url(../img/fleche_precedent.gif) 0 2px no-repeat;
	width:7px;height:11px;
}
.pagination ul li.suivant{
	background:url(../img/fleche_suivant.gif) 0 2px no-repeat;
	width:7px;height:11px;
}
.pagination ul li.precedent a,.pagination ul li.suivant a{width:100%;height:100%;display:block;}

.programme{border-top:1px solid #CCC;margin:10px 0 0 15px;padding:20px 0 0 15px;}
.programme h4{color:#518814;margin:0;text-transform:uppercase;font-size:12px;}
.programme ul{margin:0 0 20px 0;padding:0;}
.programme .vertf{color:#518814;}
#contenu .programme p{margin-left:0;}

.afficheetablissements{	background-color:#DAE890;padding:0;margin-bottom:20px;position:relative;}
.affichelesoffres {
	background-color:#DAE890;
	padding:0;
	margin-left: 15px;
	margin-bottom: -10px;
	position:relative;
}
.affichelesoffres .regions{
	padding:5px 10px 0 10px;
	margin: 0;
}
.image-a-droite {
	float:right;
	margin: 0 0 10px 10px;
}
.infos-supplementaires { font-size:9px;}
.afficheetablissements form, .afficheemplois form, .affichelesoffres form {margin:0;padding:0;}
.afficheetablissements label, .affichelesoffres label{color:#518814;font-size:14px;font-weight:bold;padding-bottom:5px;display:block;}
.afficheetablissements .ou{position:absolute;top:30px;left:278px;font-size:12px;font-weight:bold;color:#518814;}
.afficheetablissements .region{width:250px;padding:5px 10px 0 10px;}
.afficheetablissements .region select, .affichelesoffres .regions select{width:250px;font-size:10px;}
.afficheetablissements .niveau{position:absolute;;padding:5px 0 0 0;width:160px;top:0;left:310px;}
.afficheetablissements .niveau select{width:160px;font-size:10px;}
.afficheetablissements .soumettre, .affichelesoffres .soumettre {background-color:#518814;margin-top:10px;padding:3px;text-align:right;}
.afficheetablissements .soumettre a, .affichelesoffres .soumettre a {padding-left:20px;color:#FFF;font-size:10px;;background:url(../img/fleche_afficher.gif) 0 2px no-repeat;}

.afficheemplois{background-color:#DAE890;padding:0;margin-bottom:20px;width:480px;}
.afficheemplois h4, .encadre h4{margin:0;padding:5px 0 0 15px;color:#518814;font-size:12px;}
#contenu .afficheemplois p{color:#518814;margin:0 0 10px 15px;}
.afficheemplois input{width:132px;border:1px solid #FFF;margin-right:10px;}
.afficheemplois .soumettre{margin:0 15px;background-color:#518814;margin-top:10px;padding:3px;text-align:right;}
.afficheemplois .soumettre a{padding-left:20px;color:#FFF;font-size:10px;;background:url(../img/fleche_afficher.gif) 0 2px no-repeat;}

.encadre{
	position:relative;
	margin:0 30px 20px 15px;
	border:1px solid #B6D221;
}
.encadre ul li{color:#518814;}
.encadre ul{margin:5px 0 0 15px;padding:0;}

/*** FORMULAIRE D'ADHESION ***/

#affichage_emploi ul {
	list-style:none;
	margin:0 0 1em 0;
	padding:0;
}

#affichage_emploi #type {border:1px solid #ccc;padding:5px;}
#affichage_emploi #type li {display:inline;}
#affichage_emploi #type li label {vertical-align:middle;}
#affichage_emploi #type li input {vertical-align:middle;}
#affichage_emploi #type label.error {display:none;text-align:left;width:auto;margin:5px 0 5px 0;padding:2px;background:#FFFF99; border:1px solid #FF9900; color:#FF9900; float:left;}
#affichage_emploi #type li.marges {margin:65px;}

#date {margin:0 0 1em 75px!important;padding:0;}
#date li {display:inline;}
#date li select {margin-right:15px;}

#informations li {width:100%;overflow:hidden;}
#informations li label {text-align:right;width:100px;margin:2px 5px 0 0;float:left;}
#informations li label.error {text-align:left;width:auto;margin:0 0 0 5px; padding:2px;background:#FFFF99; border:1px solid #FF9900; color:#FF9900;}
#informations li input {width:185px; float:left;}
#informations li input.error {text-align:left;}

#affichage_emploi ul.secteur {float:left;width:200px;}
#affichage_emploi ul.secteur input {margin-right:5px;vertical-align:middle;}
#affichage_emploi ul.secteur label {vertical-align:middle;}
#affichage_emploi ul.secteur label.error {display:none;text-align:left;width:auto;margin:5px 0 5px 0;padding:2px;background:#FFFF99; border:1px solid #FF9900; color:#FF9900; float:left;}
#autre { float:left;}
#autre_2 { width:100px; margin-left:5px;}

#envoyer { float:right; margin-right:110px;width:100px;}

.clearboth {clear:both;}

li.deux_lignes input {
	float:left;
}

li.deux_lignes label {
	display:block;
}

/*-- Tableau des couts  --*/

#couts {
	border-collapse:collapse;
	clear:both;
	width:100%;
	margin-bottom:1em;
}

#couts td, #couts th, #couts {
	border:1px solid #518814;
	text-align:center;
	padding:5px;
}

#couts td.left, #couts th.left {
	text-align:left;
}

#couts th {
	font-weight:bold;
	color:#518814;
	background:#DAE890;
	padding:0 5px;
}

p.nouveau {
	padding:5px;
	border:3px solid #B6D221;
	background:#fff;
	color:#518814;
	font-size:1.2em;
	font-weight:bold
}
.souligne { text-decoration:underline;}
.plus-petit { font-size:0.8em;}
.centre { text-align:center;}
.agenda .no-bottom-marg-pad { margin-bottom:5px; padding-bottom:5px;}
.ombre-portee {float:left;background-color:#B6D221; margin:0;position: relative;}
.ombre-portee img {margin: 0 3px 3px 0; display: block;padding: 4px;background-color: #fcfcfc;border-left: 1px solid #B6D221;border-top: 1px solid #B6D221;border-right: 1px solid #518814;border-bottom: 1px solid #518814;}
h1.plus-haut { padding-top: 25px; height:49px;}
a.pdf{
	background:url(../img/doc_pdf.gif) no-repeat 0 0;
	padding:2px 0 2px 20px;
}

/* Ajouter à un contenant pour ne pas que le contenu déborde */
.clear { display: inline-block; }.clear:after, .container:after {content: ".";display: block;height: 0; clear: both;visibility: hidden;}* html .clear { height: 1%; }.clear { display: block; }
.clearboth { clear:both;}