@charset "utf-8";

html { font-size: 100%; /* Évite un bug d'IE 6-7 */ }

body {
	background:#FFF url('../prodarom/interface/fond.gif') left top repeat;
	margin:0;
	text-align:center;
	padding:0 0 20px 0;
	font-family: Verdana, Geneva, sans-serif;
    font-size: .8em;
    line-height: 1.2em;
    color:#000;
}

#centre, #centre_inscription, #centre_plan {
	margin-right:auto;
	margin-left:auto;
	width:900px;
	position:relative;
	text-align:left;
}
	#centre { background: #FFF url('../prodarom/interface/fleur.jpg') left top no-repeat; }
	#centre_inscription { background: #FFF url('../prodarom/interface/fond_admin.jpg') left top no-repeat; }
	#centre_plan { background: #FFF url('../pages/interface/fond_plan.jpg') left top no-repeat; }

#centre_compte {
	margin-right:auto;
	margin-left:auto;
	width:900px;
	background: #FFF url('../stages/interface/fond_compte.jpg') left top no-repeat;
	text-align:left;
}
/*INTERFACE*/
#header {
	background: transparent url('../accueil/header.jpg') center top no-repeat;
	width: 100%;
	height: 120px;
	margin-bottom:0;
}

h1 {
	text-indent:-50000px;
	height:0;
	margin-top:0;
}
	h1 a{
		display:block;
		width:100%;
		height:120px;
		outline:none;
	}
	h1 a:hover, h1 a:focus { background-position:bottom;}

/*Header pages*/	
	a.prodarom { background:transparent url('../prodarom/interface/header_prodarom.jpg') left top no-repeat;}
	a.contact { background:transparent url('../pages/interface/header_contact.jpg') left top no-repeat; }
	a.plan { background:transparent url('../pages/interface/header_plan.jpg') left top no-repeat; }
	a.presse { background:transparent url('../pages/interface/header_presse.jpg') left top no-repeat; }
	a.stages { background:transparent url('../stages/interface/header_stages.jpg') left top no-repeat; }
	a.stages_2 { background:transparent url('../stages/interface/header_stages_2.jpg') left top no-repeat; }
	a.compte { background:transparent url('../stages/interface/header_compte.jpg') left top no-repeat; }
	a.inscription { background:transparent url('../stages/interface/header_inscription.jpg') left top no-repeat; }
	
h2 {
	font-size:1.3em;
	color:#0071BC;
	font-weight:bold;
	padding-top:3px;
}


ul {
    margin:0;
    padding:0;
}
img { 
	vertical-align:bottom;
	border:none;
 }
.curseur { cursor: pointer; }

/*drapeaux*/
#d_franc {
	position:absolute;
	width:40px;
	height:70px;
	top:65px;
	left:15px;
}
	a.d_franc {
		display:block;
		width:40px;
		height:35px;
		background: transparent url('../prodarom/interface/d_franc.png') left top no-repeat;
		text-indent:-50000px;
	}
		
	a.d_franc:hover, a.d_franc:focus {
		background-position:bottom;
		outline:none;
	}
#d_ang {
	position:absolute;
	width:40px;
	height:70px;
	top:65px;
	left:55px;
}
	a.d_ang {
		display:block;
		width:40px;
		height:35px;
		background: transparent url('../prodarom/interface/d_ang.png') left top no-repeat;
		text-indent:-50000px;
	}
		
	a.d_ang:hover, a.d_ang:focus { 
		background-position:bottom;
		outline:none;
	}
	
a.francais {
		display:block;
		width:40px;
		height:35px;
		background: transparent url('../prodarom/interface/d_franc.png') left top no-repeat;
		text-indent:-50000px;
		margin:-55px 0 0 18px;
	}
		
	a.francais:hover, a.francais:focus { 
		background-position:bottom;
		outline:none;
	 }
a.anglais {
		display:block;
		width:40px;
		height:35px;
		background: transparent url('../prodarom/interface/d_ang.png') left top no-repeat;
		text-indent:-50000px;
		margin:-35px 0 0 58px;
	}
		
	a.anglais:hover, a.anglais:focus { 
		background-position:bottom;
		outline:none;
	 }
	
.footer {
	font-size:.7em;
	color:#DEDBD6;
	background-color:#0060A5;
	padding:10px 0 10px 40px;
	margin:6px 0 0 0;
}
.footer_choix {
	font-size:.7em;
	color:#DEDBD6;
	background-color:#0060A5;
	padding:10px 0 10px 40px;
	margin-top:0;
}
a.mel, a.mel_stages {
	color:#DEDBD6;
	text-decoration: none;
}

	a.mel:hover, a.mel:focus  { 
		color:#032d4b;
		outline:none;
	}
	a.mel_stages:hover, a.mel_stages:focus  { 
		color:#000;
		outline:none;
	}
a.haut {
	display:block;
	width:80px;
	height:15px;
	font-weight:bold;
	font-size:.8em;
	text-decoration:none;
	margin-right:20px;
	color:#0071BC;
	background: transparent url('../prodarom/interface/picto_haut.png') left top no-repeat;
	padding:1px 0 0 20px;
}
	a.haut:hover, a.haut:focus {
		color:#000;
		outline:none;
		text-decoration:underline;
	} 
/****************************************************************************************************************/
/*BARNAV 1 */

ul#nav  {
	text-align: left;
	margin:10px 0 0 20px;
}
	#nav li {
		display: inline;
		margin: 0 0 0 .2em;
		padding-right: .5em;
		border-right: 1px solid #9A9A8D;
	}
	#nav li.dernier { border-right: 0; }
			
	#nav li a {
		font-size:.9em;
		color:#9A9A8D;
		text-decoration: none;
	}
	
	#nav li a:hover, #nav li a:focus {
		color:#000;
		text-decoration: none;
		outline:none;
	}

/*NAV 1 BIS*/
	#nav li a.nav_2 {
		font-size:.9em;
		color:#000;
		text-decoration: none;
	}
	
	#nav li a.nav_2:hover, #nav li a.nav_2:focus {
		color:#333;
		text-decoration: none;
		outline:none;
	}

/*NAV PRODAROM*/
ul#navprod { margin:10px 0 0 18px; }

	#navprod li {
		display:block;
		float:left;
		list-style: none ;
	}
	#navprod li a {
		display:block;
		height: 26px;
		background-position:top;
		background-repeat:no-repeat;
		text-indent:-50000px;
	
	}
	#navprod li a:hover, #navprod li a:focus { 
		background-position:bottom;
		outline:none;
	}
	
	#navprod li a.p1 { width:99px; background-image:url('../prodarom/barnav/nav_pro_1.png') ; }
	#navprod li a.p2 { width:90px; background-image:url('../prodarom/barnav/nav_pro_2.png') ; }
	#navprod li a.p3 { width:117px; background-image:url('../prodarom/barnav/nav_pro_3.png') ; }
	#navprod li a.p4 { width:160px; background-image:url('../prodarom/barnav/nav_pro_4.png') ; }
	#navprod li a.p5 { width:116px; background-image:url('../prodarom/barnav/nav_pro_5.png') ; }
	#navprod li a.p6 { width:77px; background-image:url('../prodarom/barnav/nav_pro_6.png') ; }
	#navprod li a.p7 { width:64px; background-image:url('../prodarom/barnav/nav_pro_7.png') ; }
	
	#navprod li a.p1a { width:99px; background-image:url('../prodarom/barnav/nav_pro_1a.png') ; }
	#navprod li a.p2a { width:90px; background-image:url('../prodarom/barnav/nav_pro_2a.png') ; }
	#navprod li a.p3a { width:117px; background-image:url('../prodarom/barnav/nav_pro_3a.png') ; }
	#navprod li a.p4a { width:160px; background-image:url('../prodarom/barnav/nav_pro_4a.png') ; }
	#navprod li a.p5a { width:116px; background-image:url('../prodarom/barnav/nav_pro_5a.png') ; }
	#navprod li a.p6a { width:77px; background-image:url('../prodarom/barnav/nav_pro_6a.png') ; }
	#navprod li a.p7a { width:64px; background-image:url('../prodarom/barnav/nav_pro_7a.png') ; }

/*menu déroulant prodarom*/
	#navprod li ul {
	   position: absolute;
	   width: 10em;
	   left: -999em;
	   z-index:400;
	}
	
	#navprod li:hover ul, #navprod li:focus ul {
	   left: auto;
	   outline:none;
	}
	#navprod li a.menu {
		display:block;
		width:155px;
		height:26px;
		background:transparent url('../prodarom/barnav/nav_rs.png') left top no-repeat;
	}
	#navprod li a.menu:hover, #navprod li a.menu:focus {
		background-position:bottom;
		outline:none;
	}
	
.ecart_bas {
	clear:both;
	margin:0;
	padding:0;
	visibility:hidden;
}
												
/*********************************************************************************************************/
/*ACCUEIL*/
#cont_fenetres { 
	margin:10px 0 0 20px;
	width:881px;
}
#fenetres_prodarom, #fenetres_asfo, #fenetres_gip  {
	float:left;
	width:162px;
	height:375px;
	margin-right:10px;
	position:relative; 
}
	#fenetres_prodarom { background: #84a5d4 url('../accueil/fe_prodarom.jpg') left top no-repeat; }
	#fenetres_asfo { background: #e5caaa url('../accueil/fe_asfo.jpg') left top no-repeat; }
	#fenetres_gip { background: #e4e78f url('../accueil/fe_gip.jpg') left top no-repeat; }
	
#fenetres_aromes {
	float:left;
	width:162px;
	height:375px; 
	background: #c0844b url('../accueil/fe_aromes.jpg') left top no-repeat;
	position:relative;
}
#cache_prod, #cache_asfo, #cache_gip, #cache_aromes, #cache_test, #cache_asfo_stage  {
	position:absolute;
	width:162px;
	height:85px;
	top:42px;
	left:0;
}
	#cache_prod { background-image:url(../accueil/cache_prod.png); }
	#cache_asfo { background-image:url(../accueil/cache_asfo.png); }
	#cache_gip { background-image:url(../accueil/cache_gip.png); }
	#cache_aromes { background-image:url(../accueil/cache_aromes.png); }
	#cache_test { background-image:url(../accueil/cache_test.png); }
	#cache_asfo_stage { background-image:url(../accueil/cache_asfo_stage.png); }
	
.decal_img{ margin-top:42px; }

.txt_accueil {
	width:148px;
	height:190px;
	line-height:1em;
	color:#50575C;
	margin:0 5px 10px 5px;
}
a.bt_entrer, a.bt_entrer_2, a.bt_entrer_3, a.bt_entrer_4 {
	display:block;
	width:90px;
	height:32px;
	margin:0 6px 3px 70px;
	text-indent:-50000px;
	
}
	
	a.bt_entrer { background: transparent url('../accueil/bt_1.png') left top no-repeat;}
	a.bt_entrer_2 { background: transparent url('../accueil/bt_2.png') left top no-repeat;}
	a.bt_entrer_3 { background: transparent url('../accueil/bt_3.png') left top no-repeat;}
	a.bt_entrer_4 { background: transparent url('../accueil/bt_4.png') left top no-repeat;}
	
	a.bt_entrer:hover, a.bt_entrer:focus, 
	a.bt_entrer_2:hover, a.bt_entrer_2:focus, 	
	a.bt_entrer_3:hover, a.bt_entrer_3:focus, 
	a.bt_entrer_4:hover, a.bt_entrer_4:focus {
		background-position:center; 
		outline:none;
	}
	
	a.bt_entrer:active, a.bt_entrer_2:active, a.bt_entrer_3:active, a.bt_entrer_4:active { background-position:bottom; }

#zone_droite_accueil { float:right; }

a.president_accueil {
	display:block;
	width:196px;
	height:138px;
	background: transparent url('../accueil/president.png') left top no-repeat;
	text-indent:-50000px;
	margin-top:-28px;
}
	a.president_accueil:hover, a.president_accueil:focus { outline:none; }
	
a.bt_presse {
		display:block;
		width:160px;
		height:30px;
		background: transparent url('../accueil/bt_presse.png') left top no-repeat;
		text-indent:-50000px;
		margin:0 0 0 20px;
	}
		
	a.bt_presse:hover, a.bt_presse:focus { 
		background-position:bottom;
		outline:none;
	 }

.flacon {
	float:right;
	margin-top:-105px;
}
	 
#catalogue_index {
	width:135px;
	height:40px;
	margin:20px 0 0 20px;
	background: transparent url('../accueil/programme.jpg') left top no-repeat;
	padding:50px 0 0 200px;
}
	#catalogue_index a {
		display:block;
		width:115px;
		height:26px;
		text-indent:-50000px;
		background: transparent url('../accueil/bt_prog.png') left top no-repeat;
	}
	 #catalogue_index a:hover, #catalogue_index a:focus {
		background-position:bottom;
		outline:none;
	}
a.trans {
	display:block;
	float:left;
	width:30px;
	height:30px;
	background: transparent url('../accueil/transparent.gif') left top no-repeat;
	text-indent:-50000px;
	margin:-30px 0 0 -35px;
}
	a.trans:hover, a.trans:focus { outline:none; }

/****************************************************************************************************************/
/* PAGE PRESENTATION */
.cont_pres {
	position:relative;
	width:640px;
	margin:30px 0 30px 20px;
	line-height:1.2em;
}
	.cont_pres .z_txt { margin-left:170px;}
	.cont_pres p {
		line-height:1.2em;
	}
	.cont_pres  ul { margin-left:20px; }
	
	.cont_pres h2 { margin-left:-2px;}
	.cont_pres h1 {
		text-indent:0;
		line-height:1.2em;
		height:100%;
	}
	.cont_pres a { 
		color:#0071BC;
		text-decoration:none;
		border-bottom:1px solid #0071BC;
	}
	.cont_pres a:hover, .cont_pres a:focus { 
		color:#41b1d7;
		border-bottom:0;
		outline:none; 
	}
	
.img_pres {
	position:absolute;
	top:3px;
	left:0;
}
.cache_haut { 
	position:absolute;
	width:150px;
	height:13px;
	top:0;
	left:0;
	background-image:url(../prodarom/interface/cache_haut.png);
}
.cache_bas { 
	position:absolute;
	width:150px;
	height:13px;
	bottom:-3px;
	left:0;
	background-image:url(../prodarom/interface/cache_bas.png);
}


#zone_droite {
	width:210px;
	float:right;
	margin:0 15px 0 0;
}


.zone_france p {
	width:160px;
	line-height:1.1em;
	margin:0 0 10px 35px;
}
	.zone_france ul { margin:0 0 10px 55px; }
	.zone_france h2, .zone_france h3, .zone_france h4, .zone_france h5, .zone_france h6 { margin:0 30px 10px 35px; }
	.zone_france h1 {
		margin:0 30px 10px 35px;
		text-indent:0;
		line-height:1.2em;
		height:100%;
	}
	.zone_france a { 
		color:#0071BC;
		text-decoration:none;
		border-bottom:1px solid #0071BC;
	}
	.zone_france a:hover, .zone_france a:focus { 
		color:#41b1d7;
		border-bottom:0;
		outline:none; 
	}


.z1 { background: transparent url('../prodarom/interface/z1.jpg') left top no-repeat; }
.z2 { background: transparent url('../prodarom/interface/z2.jpg') left top no-repeat; }
.zm { background: transparent url('../prodarom/interface/zm.jpg') left top repeat-y; }

a.lien_president {
	display:block;
	width:210px;
	height:107px;
	background: transparent url('../prodarom/interface/president_prod.png') left top no-repeat;
	margin-left:8px;
	text-indent:-50000px;
}
	a.lien_president:hover, a.lien_president:focus { outline:none;}
/****************************************************************************************************************/
/* PAGE ADHERENTS */
.cont_adh {
	position:relative;
	width:640px;
	margin:25px 0 30px 20px;
}
	.cont_adh h2 {
		height:28px;
		background: transparent url('../prodarom/interface/picto_adh.png') right 2px no-repeat;
		font-size:1.3em;
		color:#0071BC;
		font-weight:bold;
		padding-top:12px;
	}
	.mb1 { width:220px; }
	.mb2 { width:270px; }
	.mb3 { width:245px; }
		
	.cont_adh table { 
		margin-bottom:30px; 
		border:1px solid #000;
	}
	.cont_adh th {
		background-color:#006699;
		color:#FFF;
		height:40px;
		font-size:.9em;
		padding:5px;
		border-right:1px solid #FFF;
	}
		.cont_adh th.bordure { border-right:0;}
	
	.cont_adh td {
		font-size:.8em;
		padding:10px 5px 10px 5px;
		vertical-align:top;
		border-bottom:1px solid #FFF;
	}
		
.fond_adh {  background-color:#E0E0E0; }
	.fond_adh:hover, .fond_adh:focus { 
		background-color:#bec4e7;
		outline:none;
	}

a.lien_adh {
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #000;
}

	a.lien_adh:hover, a.lien_adh:focus { 
		color:#FFF;
		border-bottom:0;
		outline:none;
	}

#content_picto_adh { width:280px; }

	#content_picto_adh a {
		display:block;
		float:right;
		width:40px;
		height:40px;
		background: transparent url('../prodarom/interface/picto_pdf.jpg') left top no-repeat;
		text-indent:-50000px;
	}
		#content_picto_adh a:hover, #content_picto_adh a:focus { 
			background-position:bottom;
			outline: none;
		}
/****************************************************************************************************************/
/* PAGE REGLEMENTATION */

#bloc_img { width:150px; }

.img_regl_prod{
	display:block;
	position:relative;
	margin:20px 0 115px 0;
}
#cont_total {
	width:640px;
	margin:35px 0 0 20px;
}
#content_regl_total {
	float:right;
	width:470px;
	margin-top:-18px;

}
#cont_regl{
	float:right;
	width:470px;
	margin-bottom:15px;
}
	#cont_regl p { line-height:1.3em;}
	
	#cont_regl ul {
		margin:0 0 30px 20px; 
		line-height:1em;
	}
	
	#cont_regl li { margin-bottom:10px; }
	
	#cont_regl h1 {
		text-indent:0;
		line-height:1.2em;
		height:100%;
	}
	#cont_regl a { 
		color:#0071BC;
		text-decoration:none;
		border-bottom:1px solid #0071BC;
	}
	#cont_regl a:hover, #cont_regl a:focus { 
		color:#41b1d7;
		border-bottom:0;
		outline:none; 
	} 
ul.reglementation {
	font-size:.8em;
	margin-left:20px;
}
	
a.reglement { color:#0071BC; }
	a.reglement:hover, a.reglement:focus { 
		color:#41b1d7;
		text-decoration:none;
		outline:none; 
	}
	
/****************************************************************************************************************/
/* PAGE DOCUMENTATION */
#content_doc {
	width:760px;
	margin:35px 0 0 20px;
}
.content_pdf {
	float:right;
	width:580px;
	line-height:1.3em;
	padding-top:0;
}
	.content_pdf h2 {
		width:360px;
		height:40px;
		background: transparent url('../prodarom/interface/picto_docu.png') right top no-repeat;
		font-size:1.3em;
		color:#0071BC;
		font-weight:bold;
		padding-top:10px;
		margin-top:-12px;
	}
	.content_pdf ul {
		list-style:none;
		margin:-15px 0 0 5px;
		font-size:.8em;
	}
	.content_pdf li {
		position:relative;
		margin-bottom:20px;
		padding:6px 0 0 35px;
		font-weight:bold;
	}
	.content_pdf a {
		display:block;
		width:26px;
		height:25px;
		background: transparent url('../prodarom/interface/picto_doc.png') left top no-repeat;
		text-indent:-50000px;
		position:absolute;
		top:0;
		left:0;
	}
	.content_pdf a:hover, .content_pdf a:focus { 
		background-position:bottom;
		outline: none;
	}
/****************************************************************************************************************/
/* PAGE LIENS */
#cont_total_lien {
	width:810px;
	margin:25px 0 0 20px;
}

	#cont_total_lien h2 {
		width:170px;
		height:40px;
		background: transparent url('../prodarom/interface/picto_liens.png') right top no-repeat;
		font-size:1.3em;
		color:#0071BC;
		font-weight:bold;
		padding-top:10px;
	} 
.cont_prod_lien{
	float:right;
	width:640px;
	line-height:1.3em;
	font-size:.8em;
	margin-bottom:15px;
}
	
	.cont_prod_lien ul { margin:5px 0 10px 8px; }
	.cont_prod_lien li {
		line-height:2em;
		list-style:none;
		background: transparent url('../prodarom/interface/puce.gif') left .8em no-repeat;
		padding-left:12px;
	}
	.cont_prod_lien h3 {
		height:20px;
		background-color:#0071BC;
		color:#FFF;
		font-size:1.3em;
		padding:4px 0 0 5px;
		font-weight:normal;
	}
	
.img_liens{
	display:block;
	position:relative;
	margin-top:10px;
}
.bloc_img_liens { width:150px; }

.bloc_img_liens_2 { 
	width:150px; 
	margin-top:-5px;
}

/*****************************************************************************************************/
/*PAGE MOT DE PASSE OUBLIE*/
body.oubli {
	background:#5a595a url('../stages/interface/fond_oubli.png') left top repeat-x;
	margin:0;
	padding:0;
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: .8em;
	line-height: 1.4em;
	color:#FFF;
	height:100%;
}
#centre_oubli {
	margin:0 auto;
	width:530px;
	height:240px;
	text-align:left;
	padding:20px;
}

form.formmodif label {
	color:#FFF;
	display:block;
	width:75px;
	display:block;
	float:left;
	clear:left;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:17px;
}
form.formmodif input { margin-top:15px;}

form.formmodif input[type=text], form.formmodif input[type=password] { width:285px;}

form.formmodif input[type=submit] {
	cursor:pointer;
	display:block;
	margin:20px 0 0 77px;
	width:72px;
	height:22px;
	color:#FFF;
	text-align:center;
	background:transparent url('../stages/interface/bt_valider.png') left top no-repeat;
	border:none;
}
form.formmodif input[type=submit]:hover, form.formmodif input[type=submit]:focus { color:#000;}

form.formmodif input.couleur{
    -moz-border-radius:.5em;
    -webkit-border-radius:.5em;
    -khtml-border-radius:.5em;
    border-radius:.5em;
    background-color:#bababa;
    border:1px solid #FFF;
    height:19px;
    width:350px;
    padding-left:5px;
}
	form.formmodif input.couleur:hover, form.formmodif input.couleur:focus {
		background-color:#0068ae;
		border:1px solid #FFF;
		color:#FFF;
		outline:none;
	}

/*PAGE MON COMPTE MODIFIE*/
#content_passmodif {
	width:770px;
	margin:15px 0 0 20px;
   color:#000;
}
	#content_passmodif h2 {
		color:#000;
		font-size:1.2em;
		height:16px;
		background:transparent url('../stages/interface/fleche.png') left 2px no-repeat;
		padding-left:17px;
	}
	#content_passmodif form label {
		color:#0d6e36;
		display:block;
		width:310px;
		display:block;
		float:left;
		clear:left;
		font-size:.95em;
		font-weight:bold;
		margin:17px 0 5px 17px;
	}
	#content_passmodif form input { margin-top:15px;}
	
	#content_passmodif form input[type=password] {
		width:260px;
		height:19px; 
		border:0;
		padding-left:5px;
		-moz-border-radius:.5em;
		-webkit-border-radius:.5em;
		-khtml-border-radius:.5em;
		border-radius:.5em;
		background-color:#FFF;
		border:1px solid #000;
	}
	#content_passmodif form input[type=password]:hover,  #content_passmodif form input[type=password]:focus {
		border:1px solid #000;
		background-color:#e3e58d;
		color:#0d6e36;
	}
	
	
	#content_passmodif form input[type=submit]{
		background:#bcc528;
		background:-moz-linear-gradient(90deg, #bcc528, #dfe49b); /* Firefox */
		background:-webkit-gradient(linear, left top, left bottom, from(#dfe49b), to(#bcc528)); /* Webkit */
		border:1px solid #0d6e36;
		-moz-border-radius: .4em;
		-webkit-border-radius :.4em;
		-khtml-border-radius:.4em;
		border-radius: .4em;
		-moz-box-shadow:0 1px 0 #AAA;
		-webkit-box-shadow:0 1px 0 #AAA;
		box-shadow:0 0 3px #AAA;
		color:#0d6e36;
		font-size:1em;
		cursor:pointer;
		font-weight:bold;
		margin:10px 0 100px 327px;
		padding:3px 20px;
		text-decoration:none;
	}
	#content_passmodif form input[type=submit]:hover, #content_passmodif form input[type=submit]:focus{
		background:#006837;
		background:-moz-linear-gradient(90deg, #006837, #bcc528);
		background:-webkit-gradient(linear, left top, left bottom, from(#bcc528), to(#006837));
		text-decoration:none;
		color:#FFF;
	}
	
	#content_passmodif form p.errorcompte {
		margin-left:327px;
		color:#83c22a;
		margin-top:0;
		font-size:.8em;
		font-weight:bold;
	}
	#content_passmodif h3.okmodif {
		color:#0060A5;
		text-align:center;
		font-size:1.1em;
		height:70px;
		padding:50px 0 200px 0;
	}

p.notecompte {
	height:22px;
	background:transparent url('../stages/interface/picto_note.png') left top no-repeat;
	padding:1px 0 0 28px;
	font-size:.85em;
	color:#434343;
	margin-top:60px;
	margin-bottom:40px;
}
	p.notecompte a { color:#000;}
	p.notecompte a:hover, p.notecompte a:focus{
		text-decoration:none;
		color:#0099CC;
	}
	 
a.retour_stages_2 {
	float:right;
	display:block;
	width:136px;
	height:40px;
	text-indent:-50000px;
	margin:10px 20px 10px 0;
	background: transparent url('../stages/interface/bt_retour.png') left top no-repeat;
}
	a.retour_stages_2:hover, a.retour_stages_2:focus { 
		background-position:bottom;
		outline: none;
	}
	
img#jasmin {
	position:absolute;
	right:0;
	top:210px;
}
	 
/*****************************************************************************************************/
/*STAGES*/

.footer_stages {
	font-size:.7em;
	color:#DEDBD6;
	background-color:#666;
	padding:10px 0 10px 40px;
	margin:6px 0 0 0;
	height:33px;
}

/*page LOGIN / PASSWORD */
#mask {
	background:#006699 url('../stages/interface/fond_body.jpg') left top no-repeat;
	background-position:-260px -79px;
}

form.expose {
	width:310px;
	height:220px;
	background: transparent url('../stages/interface/fond_form.png') left top no-repeat;
	margin:85px auto 100px auto;
}
	form.expose h2 {
		padding:15px 0 0 15px;
		font-size:1.5em;
		font-weight:normal;
		color:#FFF;
	}
	form.expose label {
		display:block;
		padding:10px 0 5px 15px;
	}
	form.expose input { margin:0 3px 0 15px; }
	form.expose .entrer {
		width:82px;
		background: transparent url('../stages/interface/bt_entrer.png') left top no-repeat;
		height:28px;
		border:none;
		cursor: pointer;
		color:#FFF;
		padding-right:20px;
	}
	
a.question {
	display:block;
	margin:55px 0 0 5px;
	color:#000;
}
	a.question:hover, a.question:focus {
		color:#0071BC;
		text-decoration:none;
		outline:none;
	}
#bloc_picto {
	height:40px;
	background: transparent url('../stages/interface/picto_inscription.png') left top no-repeat;
	padding-left:40px;
	margin:5px 0 0 5px;
}
a.inscription_stages {
	display:block;
	width:157px;
	height:40px;
	text-indent:-50000px;
	background: transparent url('../stages/interface/bt_inscription.png') left top no-repeat;
}
	a.inscription_stages:hover, a.inscription_stages:focus { 
		background-position:bottom;
		outline: none;
	}
#note_inscription, #note_inscription_2 {
	height:23px;
	background: transparent url('../stages/interface/cle.png') left top no-repeat;
	padding:7px 0 0 30px;
	font-size:.8em;
	line-height:1.1em;
}
	#note_inscription { margin:-30px 0 30px 20px; }
	#note_inscription_2 { margin:20px 0 0 20px; }
	
.note_droits, .note_droits_2 {
	font-size:.8em;
	text-align:justify;
}
	.note_droits {
		width:630px; 
		margin:20px 0 0 20px;
		line-height:1.2em;
		border-top:1px solid #999;
		padding-top:20px;
	 }
	.note_droits_2 { 
		margin:20px 0 30px 20px;
		line-height:1.3em;
	}
	.note_droits_2 a { color:#000; }
	.note_droits_2 a:hover, .note_droits_2 a:focus {
		color:#0071BC;
		text-decoration:none;
		outline:none;
	}

.flacon_compte {
	position:absolute;
	right:0;
	bottom:53px;
}	
#cont_erreur {
	float:right;
	width:123px;
	height:15px;
	padding-top:40px;
	margin-top:20px;
	color:#FF0000;
	font-size:.8em;
	background: transparent url('../stages/interface/erreur.png') left top no-repeat;
}
/*MON COMPTE*/
.cont_compte {
	width:600px;
	padding:0 15px 20px 15px;
	margin:20px 0 0 20px;
	background: #aaaaac url('../stages/interface/fond_form_compte.jpg') left top no-repeat;
}
	.cont_compte h2 {
		padding:15px 0 15px 0;
		font-size:1.5em;
		font-weight:normal;
		color:#FFF;
	}
.note_champ { 
	float:right;
	font-size:.8em;
	padding:9px 30px 0 0;
	font-style:italic;
}	
label.compte_label { 
	width:300px;
	display:block;
	float:left;
	clear:left;
	padding:2px 0 0 5px;
	margin-bottom:15px;
}

input[type=text].compte_input, input[type=password].compte_input {
	width:250px;
	height:18px;
	border:1px solid #CCC;
	background-color:#FFF;
	padding-left:5px;
}
	input.compte_input:hover, input.compte_input:focus {border:1px solid #0099CC;}
	
.decal_input { margin-top:10px; }
	
.separation {
	clear:both;
	margin:0;
	padding:0;
}
.bt_compte{
	width:82px;
	background: transparent url('../stages/interface/bt_entrer.png') left top no-repeat;
	height:28px;
	border:none;
	cursor: pointer;
	color:#FFF;
	padding-right:20px;
}
#foot_form {
	width:630px;
	height:34px;
	background: transparent url('../stages/interface/foot_form.jpg') left top no-repeat;
	margin:0 0 0 20px;
	padding:1px 0 5px 0;
}
.zone_erreur {
	height:15px;
	color:#FF0000;
	font-size:.8em;
	background: transparent url('../stages/interface/erreur_2.png') left top no-repeat;
	padding:15px 0 0 40px;
	margin:3px 0 0 20px;
}
.zone_erreur_champ {
	clear:both;
	color:#FF0000;
	font-size:.8em;
	margin-left:307px;
}
/*STAGES*/		
/*Profil internaute*/
#content_profil {
	height:95px;
	float:left;
	margin:20px 20px 10px 20px;
}
	#content_profil div{
		height:85px;
		position:relative;
		background: transparent url('../stages/interface/profil.png') left top repeat-x;
		padding:5px 10px;
	}
	#content_profil div img.bord_gauche, #content_profil div img.bord_droit {
		position:absolute;
		top:0;
	}
	#content_profil div img.bord_gauche {left:0;}
	#content_profil div img.bord_droit {right:0;}
	#content_profil div p.civilite {
		margin:0;
		color:#FFF;
	}
	#content_profil div a.bt_compte {
		display:block;
		height:19px;
		width:200px;
		background: transparent url('../stages/interface/picto_compte.png') left top no-repeat;
		padding:7px 0 0 28px;
		color:#000;
		text-decoration:none;
		margin:10px 0 0 -3px;
	}
	#content_profil div a.bt_compte:hover, #content_profil div a.bt_compte:focus {
		outline:none;
		color:#367e28;
		text-decoration:underline;
	}
	#content_profil div p.deconnect {
		text-align:right;
		border-top:1px solid #FFF;
		margin-top:10px;
		padding-top:5px;
	}
	#content_profil div p.deconnect a{
		color:#000;
		text-decoration:none;
	}
	#content_profil div p.deconnect a:hover, #content_profil div p.deconnect a:focus {
		outline:none;
		color:#367e28;
		text-decoration:underline;
	}

a.retour_stages {
	float:right;
	display:block;
	width:136px;
	height:40px;
	text-indent:-50000px;
	margin:10px 20px 10px 0;
	background: transparent url('../stages/interface/bt_retour.png') left top no-repeat;
}
	a.retour_stages:hover, a.retour_stages:focus { 
		background-position:bottom;
		outline: none;
	}

/*zones informatives stages*/
#catalogue_stages {
	float:right;
	width:113px;
	height:30px;
	margin:18px 20px 0 0;
	background: transparent url('../stages/interface/prog_stages.png') left top no-repeat;
	padding:70px 0 0 70px;
}
	#catalogue_stages a {
		display:block;
		width:115px;
		height:26px;
		text-indent:-50000px;
		background: transparent url('../accueil/bt_prog.png') left top no-repeat;
	}
	 #catalogue_stages a:hover, #catalogue_stages a:focus {
		background-position:bottom;
		outline:none;
	}
#cont_fenetres_stages { 
	margin:5px 0 0 20px;
	width:880px;
	height:340px;
	font-weight:bold;
}
#zone_droite_stages { float:right; }



.flacon_stages { margin-top:10px;}

#fenetres_test, #fenetres_stages_asfo, #fenetres_stages_gip  {
	float:left; 
	width:162px;
	height:330px;
	margin-right:10px;
	position:relative; 
}
	#fenetres_test { background: #84a5d4 url('../accueil/fe_test.jpg') left top no-repeat; }
	#fenetres_stages_asfo { background: #e5caaa url('../accueil/fe_asfo.jpg') left top no-repeat; }
	#fenetres_stages_gip { background: #e4e78f url('../accueil/fe_gip.jpg') left top no-repeat; }
	
#fenetres_stages_aromes {
	float:left;
	width:162px;
	height:330px; 
	background: #c0844b url('../accueil/fe_aromes.jpg') left top no-repeat;
	position:relative;
}

.titre_stages {
	font-size:1.2em;
	margin:5px 0 0 10px;
}
.ent_stages {
	font-size:.9em;
	background-color:#FFF;
	width:150px;
	height:130px;
	margin:8px 6px 0 6px;
	overflow:auto;
}
	.ent_stages li {
		background:transparent url('../stages/interface/puce.png') left top no-repeat;
		height:15px;
		padding-left:20px;
		margin:5px;
	}
	.ent_stages a {
		color:#000;
		text-decoration:none;
	}
	.ent_stages a:hover, .ent_stages a:focus { color:#0071BC; } 
.note_stage {
	text-align:center;
	font-size:.8em;
	line-height:1.1em;
}

/********************************************************************************************************************************************/
/*LISTE STAGE 2.0*/
#content_gal {
	width:880px;
	margin:20px 0 0 20px;
	position:relative;
	padding-bottom:10px;
}
	#content_gal img.flacon_listestage {
		position:absolute;
		right:0;
		bottom:0;
	}
	
	#content_gal #catalogue_listestage {
		float:left;
		width:113px;
		height:30px;
		background: transparent url('../stages/interface/prog_stages.png') left top no-repeat;
		padding:70px 0 0 70px;
		margin:2px 0 250px 20px;
	}
	#content_gal #catalogue_listestage a {
		display:block;
		width:115px;
		height:26px;
		text-indent:-50000px;
		background: transparent url('../accueil/bt_prog.png') left top no-repeat;
	}
	#content_gal #catalogue_listestage a:hover, #content_gal #catalogue_listestage a:focus {
		background-position:bottom;
		outline:none;
	}
	
/*Intitulés des stages*/
#liste_stage {
	width:660px;
	background: transparent url('../stages/interface/fond_liste.png') left top repeat-y;
	float:left;
}
	#liste_stage .titre_liste {
		background: transparent url('../stages/interface/titre_liste.png') left top no-repeat;
		height:51px;
	}

	#liste_stage h2 {
		float:left;
		color:#197435;
		width:160px;
		margin:5px 0 0 10px;
		font-size:2em;
		font-weight:normal;
		line-height:1.5em;
		font-family: Trebuchet MS, Helvetica, Verdana, Geneva, sans-serif;
	}
	#liste_stage h2 span {font-size:.8em;}
	
	#liste_stage p.fct_utilsateur, #liste_stage p.liste_utilisateur {
		text-align:right;
		font-size:.85em;
		margin:0 12px 2px 0;
	}
	
	#liste_stage p.liste_utilisateur {
		color:#FFF;
		padding-top:5px;
	}
	#liste_stage p.fct_utilsateur a {
		color:#000;
		text-decoration:none;
	}
	#liste_stage p.fct_utilsateur a.ecart_fct {padding-right:20px;}
	#liste_stage p.fct_utilsateur a:hover, #liste_stage p.fct_utilsateur a:focus {
		text-decoration:underline;
		color:#197435;
	}
	#liste_stage ul {
		width:620px;
		background-color:#FFF;
		margin:85px auto 20px auto;
		list-style:none;
		padding:10px;
	}
	#liste_stage ul li {
		background: transparent url('../stages/interface/fleche.png') left top no-repeat;
		margin-bottom:10px;
		padding-left:20px;
		font-weight:bold;
		color:#197435;
	}
	#liste_stage ul li a {
		text-decoration:none;
		color:#000;
	}
	#liste_stage ul li a:hover, #liste_stage ul li a:focus {
		text-decoration:underline;
		color:#197435;
		outline:none;
	}
	#liste_stage p.note_liste {
		font-size:.85em;
		color:#000;
		margin-left:20px;
		padding-bottom:10px;
	}
	
/*INTITULE*/
#content_intitule { 
	width:860px;
	margin:10px 20px 20px 20px;
}
	#content_intitule .des, #content_intitule .des2, #content_intitule .des3 { margin:0 10px 0 10px; }
	#content_intitule .des ul, #content_intitule .des2 ul, #content_intitule .des3 ul { margin:10px 10px 0 0; }
	#content_intitule .des li, #content_intitule .des2 li, #content_intitule .des3 li {
		line-height:1.4em;
		list-style:none;
		padding-left:20px;
	}
	#content_intitule .des li { background: transparent url('../stages/interface/puce_asfo.png') left .4em no-repeat; }
	#content_intitule .des2 li { background: transparent url('../stages/interface/puce_gip.png') left .4em no-repeat; } 
	#content_intitule .des3 li { background: transparent url('../stages/interface/puce_aromes.png') left .4em no-repeat; }
	
	
	#content_intitule .des a { color:#79371A;}
	#content_intitule .des a:hover, #content_intitule .des a:focus {
		color:#ad826f;
		text-decoration:none;
		outline:none;  
	}
	
	#content_intitule .des2 a { color:#355E27;}
	#content_intitule .des2 a:hover, #content_intitule .des2 a:focus {
		color:#66CC66;
		text-decoration:none;
		outline:none;  
	}
	
	#content_intitule .des3 a { color:#783719;}
	#content_intitule .des3 a:hover, #content_intitule .des3 a:focus {
		color:#ad826f;
		text-decoration:none;
		outline:none;  
	}
	
	#content_intitule form { 
		text-align:center;
		margin:30px auto 20px auto;
	}
	
	#content_intitule h3.head_asfo { color:#79371A; }
	#content_intitule h3.head_gip { color:#0d6e36; }
	#content_intitule h3.head_aromes { color:#783719; }

.tetiere_int, .tetiere_int2, .tetiere_int3 {
	width:840px;
	padding:1px 10px 10px 10px;
	-moz-border-radius:8px;
	-webkit-border-radius :8px;
	-khtml-border-radius:8px;
	border-radius:8px;
}
	.tetiere_int { background-color:#ceb38c; }
	.tetiere_int2 { background-color:#bcc528; }
	.tetiere_int3 { background-color:#986131; }
	
	
.tetiere_int .ref, .tetiere_int2 .ref, .tetiere_int3 .ref {
	width:4em;
	background-color:#990000;
	color:#FFF;
	padding:3px;
	text-align:center;
	float:left;
}
.tetiere_int .titre, .tetiere_int2 .titre, .tetiere_int3 .titre {
	float:left;
	padding:3px 0 0 5px;
	font-weight:bold;
	width:450px;
	text-align:justify;
}
.tetiere_int .date, .tetiere_int2 .date, .tetiere_int3 .date {
	float:right;
	padding:3px 0 0 0;
	text-align:right;
	color:#FFF;
} 

.tetiere_int .ligne, .tetiere_int2 .ligne, .tetiere_int3 .ligne {
	width:840px;
	height:2px;
	border-bottom:1px solid #FFF;
	clear:both;
	padding:0;
	color:#FFF;
}
.tetiere_int .duree, .tetiere_int2 .duree, .tetiere_int3 .duree, .tetiere_test .duree { width:50%; }
.tetiere_int .prix, .tetiere_int2 .prix, .tetiere_int3 .prix {
	width:40%;
	float:right;
	text-align:right;
	color:#990000;
	padding-top:0;
	margin-top:0;
	font-weight:bold;
}
	
input[type=submit].bt_stage{
	background:#bcc528;
	background:-moz-linear-gradient(90deg, #bcc528, #dfe49b); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#dfe49b), to(#bcc528)); /* Webkit */
	border:1px solid #0d6e36;
	-moz-border-radius: .4em;
	-webkit-border-radius :.4em;
	-khtml-border-radius:.4em;
	border-radius: .4em;
	-moz-box-shadow:0 1px 0 #AAA;
	-webkit-box-shadow:0 1px 0 #AAA;
	box-shadow:0 0 3px #AAA;
	color:#0d6e36;
	font-size:1em;
	cursor:pointer;
	font-weight:bold;
	margin:0 auto;
	padding:5px 20px;
	text-decoration:none;
}
   input[type=submit].bt_stage:hover, input[type=submit].bt_stage:focus{
      background:#006837;
      background:-moz-linear-gradient(90deg, #006837, #bcc528);
      background:-webkit-gradient(linear, left top, left bottom, from(#bcc528), to(#006837));
      text-decoration:none;
		color:#FFF;
   }

p.note_prix {
	margin-top:30px;
	color:#0d6e36;
	font-style:italic;
	font-size:.85em;
	font-weight:bold;
}
	
/*****************************************************************************************************/
/*PLAN DU SITE*/
#cont_total_plan { margin:20px 0 20px 20px; }

	#cont_total_plan li {
		margin-bottom:10px;
}
.decal_liste{
	list-style:none;
	margin:15px 0 0 10px;
}
.decal_liste_2 {
	list-style:none;
	margin:5px 0 0 15px;
}
.fond_part {	
	float:left;
	width:250px;
	height:310px;
	background: transparent url('../pages/interface/fond_part.png') left bottom no-repeat;
	margin-right:15px;
}
	.fond_part h2 { 
		width:240px;
		height:22px;
		margin-bottom:0;
		color:#FFF;
		font-size:1.2em;
		font-weight:normal;
		padding-top:8px;
		padding-left:10px;
	}
	.fond_part h2 a { 
		color:#FFF;
		text-decoration:none;
	 }
	.fond_part h2 a:hover, .fond_part h2 a:focus { 
		color:#000;
		outline:none;
	}
	
	.tet_prod { background: transparent url('../pages/interface/tet_prod.png') left top no-repeat;}
	.tet_asfo { background: transparent url('../pages/interface/tet_asfo.png') left top no-repeat;}
	.tet_gip { background: transparent url('../pages/interface/tet_gip.png') left top no-repeat;}
	.tet_aromes { background: transparent url('../pages/interface/tet_aromes.png') left top no-repeat;}
	.tet_pages { background: transparent url('../pages/interface/tet_page.png') left top no-repeat;}

a.plan_prod, a.plan_2, a.plan_asfo, a.plan_gip, a.plan_aromes, a.plan_pages { text-decoration:none; }
	a.plan_prod { color:#0071BC; }
	a.plan_asfo { color:#79371A; }
	a.plan_gip { color:#009036; }
	a.plan_aromes { color:#5e3411; }
	a.plan_pages { color:#000; }
	a.plan_2 { color:#333;}
	
	a.plan_prod:hover, a.plan_prod:focus { 
		color:#37acfa;
		outline:none; 
	}
	a.plan_asfo:hover, a.plan_asfo:focus { 
		color:#e26b37;
		outline:none; 
	}
	a.plan_gip:hover, a.plan_gip:focus { 
		color:#3c490d;
		outline:none; 
	}
	a.plan_aromes:hover, a.plan_aromes:focus { 
		color:#da5318;
		outline:none; 
	}
	a.plan_pages:hover, a.plan_pages:focus { 
		color:#FF0099;
		outline:none; 
	}
	a.plan_2:hover, a.plan_2:focus { 
		color:#476570;
		outline:none; 
	}
.decal_patchwork { margin-top:15px; }

/*****************************************************************************************************/
/*CONTACT*/
.zone_prod, .zone_asfo, .zone_gip, .zone_aromes {
	float:left;
	width:380px;
	padding:0 10px 10px 10px;
	height:254px;
}
	.zone_prod { 
		background: transparent url('../pages/interface/zone_prod.jpg') left top no-repeat;
		margin:40px 5px 0 20px;
	}
	.zone_asfo { 
		background: transparent url('../pages/interface/zone_asfo.jpg') left top no-repeat;
		margin:40px 5px 0 20px;
	}
	.zone_gip { 
		background: transparent url('../pages/interface/zone_gip.jpg') left top no-repeat;
		margin:10px 5px 0 20px;
	}
	.zone_aromes { 
		background: transparent url('../pages/interface/zone_aromes.jpg') left top no-repeat;
		margin:10px 5px 0 20px;
	}
	
	.zone_prod h2, .zone_asfo h2, .zone_gip h2, .zone_aromes h2 {
		color:#FFF;
		font-size:1.2em;
		margin-bottom:1.2em;
		font-weight:normal;
	}
p.mel {
	height:22px;
	background: transparent url('../pages/interface/picto_mel.png') left top no-repeat;
	padding:8px 0 0 40px;
}
	p.mel a {
		color:#000;
		text-decoration:none;
	}
	p.mel a:hover, p.mel a:focus {
		outline:none;
		color:#006666;
		text-decoration:underline;
	}
p.tel {
	height:22px;
	background: transparent url('../pages/interface/picto_tel.png') left top no-repeat;
	padding:8px 0 0 40px;
}
p.fax {
	height:22px;
	background: transparent url('../pages/interface/picto_fax.png') left top no-repeat;
	padding:8px 0 0 40px;
} 
p.adresse {
	height:22px;
	background: transparent url('../pages/interface/picto_adresse.png') left top no-repeat;
	padding:8px 0 0 40px;
}  		
.alignement { margin-left:5.7em; }

a.bt_plan {
	display:block;
	width:145px;
	height:45px;
	background: transparent url('../pages/interface/bt_plan.jpg') left top no-repeat ;
	text-indent:-50000px;
	margin-left:20px;
}
	a.bt_plan:hover, a.bt_plan:focus {
		background-position:bottom;
		outline:none;
	}