@charset "ISO-8859-1";
/* CSS Document */

body {
	background-color:#dfe0e2;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	
}

#body{
    margin: 0 auto auto auto;
	width: 980px;
	height: 1000px;
}

#ligne1{
z-index:0;
position:relative;
width:980px;
height:122px;
}

	#logo{
	z-index:0;
	position:absolute;
	left:0;
	width: 216px;
	height: 122px;
	}
	
	#ligne1_ligne{
	z-index:0;
	position:absolute;
	right:0;
	width:764px;
	height:122px;
	}
	
		#haut_lunette{
		z-index:0;
		width: 764px;
		height: 78px;
		padding-top:15px;
		background-image:url(../img/haut_lunette.jpg);
		}
		
		#menu{
		z-index:0;
		left:0;
		width:764px;
		height:29px;
		}
		
		
		/* menu haut */
			a.menu_formation{
			display: block;
			background-image:url(../img/menu_formation.jpg);
			width: 128px;
			height: 29px;
			float: left;
			}
			
			a.menu_formation:hover{
			background-image:url(../img/menu_formation_off.jpg);	
			}
			
			#static_formation{
			z-index:0;
			position:relative;
			width: 128px;
			height: 29px;
			float: left;
			background-image:url(../img/menu_formation_off.jpg);
			}
			
			a.menu_tiret1{
			display: block;
			background-image:url(../img/menu_tiret1.jpg);
			width: 9px;
			height: 29px;
			float: left;
			}
			
			a.menu_contrat{
			display: block;
			background-image:url(../img/menu_contrat.jpg);
			width: 222px;
			height: 29px;
			float: left;
			}
			
			a.menu_contrat:hover{
			background-image:url(../img/menu_contrat_off.jpg);	
			}
			
			#static_contrat{
			z-index:0;
			position:relative;
			width: 222px;
			height: 29px;
			float: left;
			background-image:url(../img/menu_contrat_off.jpg);
			}
			
			a.menu_tiret2{
			display: block;
			background-image:url(../img/menu_tiret2.jpg);
			width: 10px;
			height: 29px;
			float: left;
			}
			
			a.menu_actu{
			display: block;
			background-image:url(../img/menu_actu.jpg);
			width: 57px;
			height: 29px;
			float: left;
			}
			
			a.menu_actu:hover{
			background-image:url(../img/menu_actu_off.jpg);	
			}
			
			#static_actu{
			z-index:0;
			position:relative;
			width: 57px;
			height: 29px;
			float: left;
			background-image:url(../img/menu_actu_off.jpg);
			}
			
			a.menu_tiret3{
			display: block;
			background-image:url(../img/menu_tiret3.jpg);
			width: 12px;
			height: 29px;
			float: left;
			}
			
			a.menu_info{
			display: block;
			background-image:url(../img/menu_info.jpg);
			width: 241px;
			height: 29px;
			float: left;
			}
			
			a.menu_info:hover{
			background-image:url(../img/menu_info_off.jpg);	
			}
			
			#static_info{
			z-index:0;
			position:relative;
			width: 241px;
			height: 29px;
			float: left;
			background-image:url(../img/menu_info_off.jpg);
			}
			
			a.menu_tiret4{
			display: block;
			background-image:url(../img/menu_tiret4.jpg);
			width: 11px;
			height: 29px;
			float: left;
			}
			
			a.menu_blog{
			display: block;
			background-image:url(../img/menu_blog.jpg);
			width: 74px;
			height: 29px;
			float: left;
			}
			
			a.menu_blog:hover{
			background-image:url(../img/menu_blog_off.jpg);	
			}
			
			#static_blog{
			z-index:0;
			position:relative;
			width: 74px;
			height: 29px;
			float: left;
			background-image:url(../img/menu_blog_off.jpg);
			}
			
	
	

		/* fin menu */
		
#ligne2{
z-index:0;
position:relative;
width:980px;
height:4px;
background-image:url(../img/ligne2.jpg);
}

#conteneur{
z-index:0;
position:relative;
width:980px;
height:874px;
}	

#colonne1{
z-index:0;
position: absolute;
left:0;
width:216px;
height:874px;
}	

    /* menu gauche */

	a.menu_accueil{
	display: block;
	background-image:url(../img/menu_accueil.jpg);
	width: 216px;
	height: 42px;
	float: left;
	}
	
	a.menu_accueil:hover{
	background-image:url(../img/menu_accueil_off.jpg);
	}
	
	#static_accueil{
	z-index:0;
	position:relative;
	width: 216px;
	height: 42px;
	float: left;
	background-image:url(../img/menu_accueil_off.jpg);
	}
	
	a.menu_espace{
	display: block;
	background-image:url(../img/menu_espace.jpg);
	width: 216px;
	height: 18px;
	float: left;
	}
	
	a.menu_qui{
	display: block;
	background-image:url(../img/menu_qui.jpg);
	width: 216px;
	height: 32px;
	float: left;
	}
	
	#static_qui{
	z-index:0;
	position:relative;
	width: 216px;
	height: 32px;
	float: left;
	background-image:url(../img/menu_qui_off.jpg);
	}
	
	a.menu_qui:hover{
	background-image:url(../img/menu_qui_off.jpg);
	}
	
	a.menu_video{
	display: block;
	background-image:url(../img/menu_video.jpg);
	width: 216px;
	height: 30px;
	float: left;
	}
	
	a.menu_video:hover{
	background-image:url(../img/menu_video_off.jpg);
	}
	
	#static_video{
	z-index:0;
	position:relative;
	width: 216px;
	height: 30px;
	float: left;
	background-image:url(../img/menu_video_off.jpg);
	}
	
	a.menu_jeu{
	display: block;
	background-image:url(../img/menu_jeu.jpg);
	width: 216px;
	height: 33px;
	float: left;
	}
	
	a.menu_jeu:hover{
	background-image:url(../img/menu_jeu_off.jpg);
	}
	
	#static_jeu{
	z-index:0;
	position:relative;
	width: 216px;
	height: 33px;
	float: left;
	background-image:url(../img/menu_jeu_off.jpg);
	}
	
	a.menu_faq{
	display: block;
	background-image:url(../img/menu_faq.jpg);
	width: 216px;
	height: 33px;
	float: left;
	}
	
	a.menu_faq:hover{
	background-image:url(../img/menu_faq_off.jpg);
	}
	
	#static_faq{
	z-index:0;
	position:relative;
	width: 216px;
	height: 33px;
	float: left;
	background-image:url(../img/menu_faq_off.jpg);
	}
	
	a.menu_lien{
	display: block;
	background-image:url(../img/menu_lien.jpg);
	width: 216px;
	height: 32px;
	float: left;
	}
	
	a.menu_lien:hover{
	background-image:url(../img/menu_lien_off.jpg);
	}
	
	#static_lien{
	z-index:0;
	position:relative;
	width: 216px;
	height: 32px;
	float: left;
	background-image:url(../img/menu_lien_off.jpg);
	}
	
	a.menu_mention{
	display: block;
	background-image:url(../img/menu_mention.jpg);
	width: 216px;
	height: 28px;
	float: left;
	}
	
	a.menu_mention:hover{
	background-image:url(../img/menu_mention_off.jpg);
	}
	
	#static_mention{
	z-index:0;
	position:relative;
	width: 216px;
	height: 28px;
	float: left;
	background-image:url(../img/menu_mention_off.jpg);
	}
	
	#rechercher{
	z-index:0;
	position:relative;
	float: left;
	width:205px;
	height:28px;
	padding-left:11px;
    padding-top:35px;
	background-image:url(../img/rechercher.jpg);
	}
	
	#newsletter{
	z-index:0;
	position:relative;
	float: left;
	width:205px;
	height:33px;
	padding-left:11px;
    padding-top:75px;
	background-image:url(../img/newsletter.jpg);
	}
	
	#femme{
	z-index:0;
	position:relative;
	float: left;
	width:216px;
	height:456px;
	background-image:url(../img/femme.jpg);
	}
	
	/* fin menu gauche */
	

#colonne2{
z-index:0;
position: absolute;
margin-left: 216px;
width:764px;
height:874px;
}

	#deroulant{
	z-index:0;
	position:relative;
	width:726px;
	height:27px;
	padding-top:109px;
	padding-left:18px;
	padding-right:20px;
	font-size:15px;
	font-weight:bold;
	background-image:url(../img/deroulant.jpg);
	}
	
	#interieur{
	z-index:0;
	position:relative;
	width:739px;
	height:728px;
	padding-left:25px;
	padding-top:10px;
	background-image:url(../img/interieur.jpg);
	}
	
	#interieur_total{
	z-index:0;
	position:relative;
	width:739px;
	height:849px;
	max-height:849px;
	overflow-y:hidden;
	padding-left:25px;
	padding-top:25px;
	background-image:url(../img/interieur_total.jpg);
	}
	
	#data_video{
	z-index:0;
	position:relative;
	width:700px;
	height:840px;
	text-align: center;
	overflow: none;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-3dlight-color:#0b698b;
	scrollbar-arrow-color:#f47814;
	scrollbar-base-color:#0b698b;
	scrollbar-darkshow-color:#0b698b;
	scrollbar-face-color:#0b698b;
	scrollbar-hightlight-color:#0b698b;
	scrollbar-shadow-color:#0b698b;
	scrollbar-track-color:#edecec;
	}	
	
	#head1
	{
		font-weight:bold;
		margin-left:10px;
	}
	
	#head2
	{
		font-weight:bold;
		margin-left:60px;
	}
	
	#head3
	{
		font-weight:bold;
		margin-left:110px;
	}
	
	#data{
	z-index:0;
	position:relative;
	width:700px;
	height:720px;
	text-align: center;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-3dlight-color:#0b698b;
	scrollbar-arrow-color:#f47814;
	scrollbar-base-color:#0b698b;
	scrollbar-darkshow-color:#0b698b;
	scrollbar-face-color:#0b698b;
	scrollbar-hightlight-color:#0b698b;
	scrollbar-shadow-color:#0b698b;
	scrollbar-track-color:#edecec;
	}	
	
	#data_plan{
	z-index:0;
	position:relative;
	width:700px;
	height:720px;
	text-align: left;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-3dlight-color:#0b698b;
	scrollbar-arrow-color:#f47814;
	scrollbar-base-color:#0b698b;
	scrollbar-darkshow-color:#0b698b;
	scrollbar-face-color:#0b698b;
	scrollbar-hightlight-color:#0b698b;
	scrollbar-shadow-color:#0b698b;
	scrollbar-track-color:#edecec;
	}
	
	#data_total{
	z-index:0;
	position:relative;
	width:700px;
	height:760px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-3dlight-color:#0b698b;
	scrollbar-arrow-color:#f47814;
	scrollbar-base-color:#0b698b;
	scrollbar-darkshow-color:#0b698b;
	scrollbar-face-color:#0b698b;
	scrollbar-hightlight-color:#0b698b;
	scrollbar-shadow-color:#0b698b;
	scrollbar-track-color:#edecec;
	}	
	
.champs { height:16px; padding-left:3px;border:1px solid #ef8400;background-color:#FFFFFF;}

a.suite {
	font-weight:bold;
	color: #ef8400;
	text-decoration:none;
}

a.suite:hover {
	font-weight:bold;
	text-decoration: underline;
	color: #ef8400;
}

#block_interieur{
	clear:left;
    position:relative;
	width:650px;
}

a {
	
	color: #ef8400;
	text-decoration: underline;
}

a.defilant {
	
	color:#FFFFFF;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
	color: #ef8400;
}

a.lien_video {
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
}

a.lien_video:hover {
font-weight:bold;
font-size:16px;
	text-decoration:none;
	color: #ef8400;
}

a.blanc {
	
	color: #FFFFFF;
	text-decoration:none; 
}

a.blanc:hover {
	text-decoration:underline;
	color: #FFFFFF;
}

.titre_orange{
	color: #ef8400;
	font-weight:bold;
}

.texte_google{
	color: #000000;
	font-weight:bold;
	font-size:10px;
}

.gd_titre_orange{
	color: #ef8400;
	font-weight:bold;
	font-size:14px;
}

.tres_gd_titre_orange{
	color: #ef8400;
	font-weight:bold;
	font-size:17px;
}

.t_gd_titre_orange{
text-align: center;
font-weight:bold;
font-size:16px;
color: #ef8400;
}

   #haut_contrat{
	z-index:0;
	position:relative;
	width:764px;
	height:75px;
	background-image:url(../img/haut_contrat.jpg);
	}
	
	#haut_qui{
	z-index:0;
	position:relative;
	width:764px;
	height:75px;
	background-image:url(../img/haut_qui.jpg);
	}
	
	#haut_milieu{
	z-index:0;
	position:relative;
	width:764px;
	height:17px;
	}
	
	#haut_bas{
	z-index:0;
	position:relative;
	width:764px;
	height:16px;
	background-image:url(../img/haut_contrat_bas.jpg);
	}
	
	#interieur_contrat{
	z-index:0;
	position:relative;
	width:724px;
	height:761px;
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
	background-image:url(../img/interieur_menu.jpg);
	}
	
	#data_contrat{
	z-index:0;
	position:relative;
	width:700px;
	height:700px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-3dlight-color:#0b698b;
	scrollbar-arrow-color:#f47814;
	scrollbar-base-color:#0b698b;
	scrollbar-darkshow-color:#0b698b;
	scrollbar-face-color:#0b698b;
	scrollbar-hightlight-color:#0b698b;
	scrollbar-shadow-color:#0b698b;
	scrollbar-track-color:#edecec;
	}
	
	#data_actu{
	z-index:0;
	position:relative;
	width:700px;
	height:740px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-3dlight-color:#0b698b;
	scrollbar-arrow-color:#f47814;
	scrollbar-base-color:#0b698b;
	scrollbar-darkshow-color:#0b698b;
	scrollbar-face-color:#0b698b;
	scrollbar-hightlight-color:#0b698b;
	scrollbar-shadow-color:#0b698b;
	scrollbar-track-color:#edecec;
	}
	
	#data_info{
	z-index:0;
	position:relative;
	width:700px;
	height:760px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-3dlight-color:#0b698b;
	scrollbar-arrow-color:#f47814;
	scrollbar-base-color:#0b698b;
	scrollbar-darkshow-color:#0b698b;
	scrollbar-face-color:#0b698b;
	scrollbar-hightlight-color:#0b698b;
	scrollbar-shadow-color:#0b698b;
	scrollbar-track-color:#edecec;
	}
	
	#largeur{
	z-index:0;
	width:680px;
	
	}
	
	#data_qui{
	z-index:0;
	position:relative;
	width:700px;
	height:755px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-3dlight-color:#0b698b;
	scrollbar-arrow-color:#f47814;
	scrollbar-base-color:#0b698b;
	scrollbar-darkshow-color:#0b698b;
	scrollbar-face-color:#0b698b;
	scrollbar-hightlight-color:#0b698b;
	scrollbar-shadow-color:#0b698b;
	scrollbar-track-color:#edecec;
	}	
			/* contrat */
			
			a.haut_menu_gauche{
			display: block;
			background-image:url(../img/haut_contrat_menu_gauche.jpg);
			width: 103px;
			height: 17px;
			float: left;
			}
			
			a.haut_menu_apprentissage{
			display: block;
			background-image:url(../img/haut_contrat_menu_apprentissage.jpg);
			width: 246px;
			height: 17px;
			float: left;
			}
			
			a.haut_menu_apprentissage:hover{
			background-image:url(../img/haut_contrat_menu_apprentissage_off.jpg);	
			}
			
			a.haut_menu_apprentissage_off{
			display: block;
			background-image:url(../img/haut_contrat_menu_apprentissage_off.jpg);
			width: 246px;
			height: 17px;
			float: left;
			}
			
			a.haut_menu_milieu{
			display: block;
			background-image:url(../img/haut_contrat_menu_milieu.jpg);
			width: 11px;
			height: 17px;
			float: left;
			}
			
			a.haut_menu_pro{
			display: block;
			background-image:url(../img/haut_contrat_menu_pro.jpg);
			width: 330px;
			height: 17px;
			float: left;
			}
			
			a.haut_menu_pro:hover{
			background-image:url(../img/haut_contrat_menu_pro_off.jpg);	
			}
			
			a.haut_menu_pro_off{
			display: block;
			background-image:url(../img/haut_contrat_menu_pro_off.jpg);
			width: 330px;
			height: 17px;
			float: left;
			}
			
			a.haut_menu_droite{
			display: block;
			background-image:url(../img/haut_contrat_menu_droite.jpg);
			width: 74px;
			height: 17px;
			float: left;
			}
			
			/* qui sommes nous */
			
			a.haut_menu_qui_gauche{
			display: block;
			background-image:url(../img/haut_qui_menu_gauche.jpg);
			width: 185px;
			height: 17px;
			float: left;
			}
			
			a.haut_menu_qui_etablissement{
			display: block;
			background-image:url(../img/haut_qui_menu_etablissement.jpg);
			width: 192px;
			height: 17px;
			float: left;
			}
			
			a.haut_menu_qui_etablissement:hover{
			background-image:url(../img/haut_qui_menu_etablissement_off.jpg);	
			}
			
			a.haut_menu_qui_etablissement_off{
			display: block;
			background-image:url(../img/haut_qui_menu_etablissement_off.jpg);
			width: 192px;
			height: 17px;
			float: left;
			}
			
			a.haut_menu_qui_milieu{
			display: block;
			background-image:url(../img/haut_qui_menu_milieu.jpg);
			width: 12px;
			height: 17px;
			float: left;
			}
			
			a.haut_menu_qui_activite{
			display: block;
			background-image:url(../img/haut_qui_menu_activite.jpg);
			width: 133px;
			height: 17px;
			float: left;
			}
			
			a.haut_menu_qui_activite:hover{
			background-image:url(../img/haut_qui_menu_activite_off.jpg);	
			}
			
			a.haut_menu_qui_activite_off{
			display: block;
			background-image:url(../img/haut_qui_menu_activite_off.jpg);
			width: 133px;
			height: 17px;
			float: left;
			}
			
			a.haut_menu_qui_droite{
			display: block;
			background-image:url(../img/haut_qui_menu_droite.jpg);
			width: 242px;
			height: 17px;
			float: left;
			}
			
/* interieur fiche */

#fiche_metier {
	position:absolute;
	color:#f47814;
	left:24px;
	top:15px;
	width:560px;
	height:49px;
	font-weight:bold;
	font-size:24px;
	z-index:4;
}

#fiche_duree {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	left:420px;
	top:229px;
	width:180px;
	height:88px;
	color:#FFFFFF;
	font-size:13px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	z-index:4;
}

#fiche_validation {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	left:420px;
	top:358px;
	width:180px;
	height:71px;
	font-size:13px;
	color:#FFFFFF;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	z-index:4;
}


#fiche_plus_formation {
	position:absolute;
	left:420px;
	top:443px;
	width:180px;
	height:190px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	z-index:4;
}


#fiche_lieu_formation {
	position:absolute;
	left:420px;
	top:680px;
	width:180px;
	height:95px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	z-index:4;
}
#fiche_descriptif_metier {
	position:absolute;
	left:49px;
	top:115px;
	width:328px;
	height:396px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	z-index:4;
}

#fiche_descriptif_fonction {
	position:absolute;
	left:49px;
	top:545px;
	width:329px;
	height:216px;
	color:#0b698b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	z-index:4;
}

#fiche_pdf {
	position:absolute;
	left:595px;
	top:12px;
	width:72px;
	height:63px;
	z-index:4;
}

#fiche_colonne {
	position:relative;
	left:23px;
	top:90px;
	width:650px;
	/*min-height:350px;*/
}

#data_formation{
	z-index:0;
	position:relative;
	width:700px;
	height:755px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-3dlight-color:#0b698b;
	scrollbar-arrow-color:#f47814;
	scrollbar-base-color:#0b698b;
	scrollbar-darkshow-color:#0b698b;
	scrollbar-face-color:#0b698b;
	scrollbar-hightlight-color:#0b698b;
	scrollbar-shadow-color:#0b698b;
	scrollbar-track-color:#edecec;
	}

/* interieur etablissement */
.titre_fiche_etablissement{
	color:#0B6E8E;
	font-weight:bold;
	font-size:20px;
	font-family:Arial;}
	
#fiche_titre {
	position:absolute;
	left:56px;
	top:11px;
	width:476px;
	height:43px;
	background-image:url(../img/fond.jpg);
	z-index:4;
}

#fiche_titre_etablissement {
	position:relative;
	right:20px;
	top:11px;
	width:476px;
	height:43px;
	background-image:url(../img/fond.jpg);
	z-index:4;
}

#fiche_contact {
	position:absolute;
	left:542px;
	top:0px;
	width:55px;
	height:55px;
	z-index:4;
}

#fiche_pdf_etablissement {
	position:absolute;
	left:600px;
	top:0px;
	width:62px;
	height:55px;
	z-index:4;
}


#interieur_deroulant {
	position:absolute;
	left:35px;
	top:75px;
	width:628px;
	height:618px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-3dlight-color:#0b698b;
	scrollbar-arrow-color:#f47814;
	scrollbar-base-color:#0b698b;
	scrollbar-darkshow-color:#0b698b;
	scrollbar-face-color:#0b698b;
	scrollbar-hightlight-color:#0b698b;
	scrollbar-shadow-color:#0b698b;
	scrollbar-track-color:#edecec;
	font-family:Arial;
	color:#FFFFFF;
	font-size:13px;
	z-index:4;
}

#spec_interieur{
	position:absolute;
	left:0px;
	top:0px;
	width:597px;
	height:616px;
}

form { margin: 0; padding: 0; }

.gris{ color:#818181;
font-size:12px;}

#liste_vignette
{
	margin-left: 25px;
	height: 215px;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-3dlight-color:#0b698b;
	scrollbar-arrow-color:#f47814;
	scrollbar-base-color:#0b698b;
	scrollbar-darkshow-color:#0b698b;
	scrollbar-face-color:#0b698b;
	scrollbar-hightlight-color:#0b698b;
	scrollbar-shadow-color:#0b698b;
	scrollbar-track-color:#edecec;
}

.vignette
{
	float: left;
	text-align: center;
	width: 125px;
	height: 100px;
}

.text_vignette
{
	text-align: center;
	display: block;
	float: bottom;
	width: 125px;
	margin-top:5px;
	height: 30px;
	overflow-y: hidden;
}

a.new_lien_video
{
	text-decoration: none;
	font-size: 12px;
	color: #FFF;
}

a.new_lien_video:hover
{
	text-decoration: none;
	font-size: 12px;
	color: #EF8400;
}