BODY
{FONT-SIZE: 8pt;FONT-FAMILY:Arial Narrow; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #336699}
TD
{FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Arial, Helvetica}
 
 A:link {COLOR: #1E2318; TEXT-DECORATION: none; FONT-SIZE: 10pt; FONT-FAMILY: Verdana, Arial, Helvetica}
 A:visited {COLOR: #1E2318; TEXT-DECORATION: none; FONT-SIZE: 10pt; FONT-FAMILY: Verdana, Arial, Helvetica}
 A:hover {COLOR: #8b0000; TEXT-DECORATION: none; FONT-SIZE: 10pt. FONT-FAMILY: Verdana, Arial, Helvetica}

.liens
{
font-size:8px; font-family:Verdana, Arial, Helvetica; text-decoration:underline; color:#0066CC;
}
.liens:link
{color:#0066CC;}
.liens:active
{color:#0066CC;}
.liens:hover
{
font-size:12px; font-family:Verdana, Arial, Helvetica; text-decoration:none; color:#0066CC; font-weight:bold;
}
* {
	margin: 0;
	padding: 0;	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	}

img {border: none;}

/*TOP///////////////////////////////////*/
#top {
	position : absolute;
    background-color: #b00c02;
	top: 0;
    left: 6px;
    width: 781px;
	}

#menu {
	position: absolute;
	right: 0px;
	z-index: 100;
	left: 11px;
	top: 101px;
	}

#menu li {
	float: left;
	list-style-type: none;
	width: 123px;
	text-align: center;
	border-left: 1px solid #870903;
	border-right: 1px solid #d45e57;
	margin-right: 0px;
	font-weight: bold;
	}

#menu li a {
	display: block;
	padding-top: 5px;
	height: 20px;
	text-decoration: none;
	color: white;
	/*background: transparent url(./imgs/menu_fond.gif) center bottom repeat-x;*/
	}

#menu ul li {
	border: 1px solid #d45e57;
	margin-bottom: -1px;
	}

#sousMenu1, #sousMenu2, #sousMenu3, #sousMenu4, #sousMenu5, #sousMenu6 {
	position: absolute;
	top: 25px;
	left: 0;
	width: 125px;
	}

#sousMenu1 {left: 0;}
#sousMenu2 {left: 125px;}
#sousMenu3 {left: 250px;}
#sousMenu4 {left: 375px;}
#sousMenu5 {left: 500px;}
#sousMenu6 {left: 625px;}

#menu ul li a:link, #menu ul li a:visited{
	font-weight: normal;
	text-align: left;
	padding-left: 5px;
	background: #d22b22;
	}
	
#menu ul li a:hover{
	background: #b00c02;
}

#banTop {
	position: absolute;
	top: 12px;
	left: 310px;
	}

#banWide {
	position: absolute;
	top: 115px;
	left: 28px;
	}

#skyscraper {
	position: absolute;
	top: 10px;
	left: 805px;
	}

#overlay {
	position: absolute;
	background: transparent url(./imgs/fond_transparent.gif);
	z-index: 101;
	width: 100%;
	height: 1500px;
	top:0;
	left:0;
	}

#overlay #overlay_in {
	margin: 10px auto;
	padding: 10px;
	width: 500px;
	background-color: white;
	border: 2px solid red;
	font-size: 14px;
	font-weight: bold;
	}

#overlay #overlay_in a{
	color: red;
	font-size: 12px;
	}

#overlay #overlay_in table, #overlay #overlay_in input, #overlay #overlay_in textarea {font-size: 12px;}
/*FIN TOP-----------------///////////////*/


/*LEFT///////////////////////////////////*/
#left {
	position: absolute;
	top: 255px;
	left: 16px;	
	}

#recherche, #left #bouton1, #left #bouton2 {
	width: 100px;
	margin-top: 20px;
	border: 1px solid #b3b3b3;
	}

#left2 #recherche {
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
margin: 15px 0 0 2px;
	background-color: #f1f1f1;
	color: #b00c02;
	}

#left #recherche {
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
	background-color: #f1f1f1;
	color: #b00c02;
	}

#recherche #champRecherche {
	border: 1px solid gray;
	padding: 1px;
	margin-top: 5px;
	width: 88%;
	}
	
#recherche #valider {
	margin-top: 2px;
	color: white;
	border: 1px solid gray;
	background-color: #b00c02;
	width: 92px;
	font-size: 11px;
	}

#liensDirect {
	margin-top: 20px;
	border-left: 5px solid #e5e5e5;
	}

#liensDirect ul{
	margin-top: 10px;
	margin-left: 7px;
	list-style-type: none;
	}

#liensDirect li{margin-bottom: 3px;}

#liensDirect a:link, #liensDirect a:visited {
	font-size: 10px;
	color: black;
	text-decoration: none;
	}

#liensDirect a:hover {
	color: #b00c02;
	text-decoration: underline;
	}
/*FIN LEFT-----------------//////////////*/


/*LEFT2//////////////////////////////////*/
#left2 {
	position: absolute;
	top: 255px;
	left: 7px;
	width: 127px;
	background-color: #d22b22;
	padding-bottom: 10px;
	}

#left2 ul {
	list-style-type: none;
	background-color: #d22b22;
	padding-bottom: 40px;
	}

#left2 ul a:link, #left2 ul a:visited {
	display: block;
	padding: 5px 0 0 6px;
	height: 20px;
	color: white;
	text-decoration: none;
	border-bottom: 1px solid #d45e57;
	}

#left2 ul a:hover {background-color: #b00c02;}

#left2 #bouton1, #left2 #bouton2 {
	width: 100px;
	margin-left: 12px;
	border: 1px solid #b3b3b3;
	}

#left2 #recherche {
	position: relative;
	left: 10px;
	}
/*FIN LEFT2---------------///////////////*/


/*RIGHT//////////////////////////////////*/
#right {
	position: absolute;
	top: 255px;
	left: 680px;
	}
/*FIN RIGHT---------------///////////////*/


/*CORPS///////////////////////////////*/
#homepage {margin: 0 0 0 128px;}

#homepage h1, h3 {
	color: #b00c02;
	font-size: 11px;	
	text-align: left;
	}

#homepage a:link, #homepage a:visited {
	color: black;
	text-decoration: none;
	}

#homepage a:hover {color: gray;}

#homepage .lien:link, #homepage .lien:visited {
	position: absolute;
	color: black;
	text-decoration: none;
	bottom: 10px;
	font-weight: bold;
	}

#homepage .lien:hover {
	color: #b00c02;
	text-decoration: underline;
	}

#homepage #newsletter{
	position: absolute;
	top: 740px;
	left:675px;
	}

#homepage #ban2 {
	position: absolute;
	top: 781px;
	left: 675px;
	}

#homepage #ban3 {
	position: absolute;
	left: 475px;
	top: 740px;
	}

#homepage #banCarre {
	position: absolute;
	top: 482px;
	left: 475px;
	}

#etablissement {
	position: relative;
	float: left;
	width: 330px;
	height: 200px;
	padding-bottom: 10px;
	background: transparent url(./imgs/fondA.gif) center bottom no-repeat;
	}

#etablissement h1, #une h1, #actu h1 {
	padding: 10px 0px 12px 10px;	
	background: transparent url(./imgs/fond_hautA.gif) no-repeat center top;
	}

#metier h1 {
	padding: 10px 0px 12px 10px;	
	background: transparent url(./imgs/fond_hautB.gif) no-repeat center top;
	}

#etablissement img {
	border: 1px solid #cccccc;
	float: right;
	margin: 10px 10px;
	}

#etablissement p {margin: 0 0 0 10px;}

#etablissement strong {
	position: relative;
	top: 8px;
	}

#etablissement .lien {padding-left: 82px;}

#etablissement form {
	text-align: center;
	margin: 0 10px;
	}

#etablissement select {
	width: 100%;
	font-size: 11px;
	}

#metier {	
	position: relative;
	width: 300px;
	height: 200px;
	margin-left: 346px;
	padding-bottom: 10px;
	background: transparent url(./imgs/fondB.gif) center bottom no-repeat;
	}

#une img {
	border: 1px solid #cccccc;
	float: left;
	margin: 0px 10px;
	}

#metier h2 {
	font-size: 11px;
	margin: 0 10px 20px;
	}

#metier img {
	border: 1px solid #cccccc;
	float: left;
	margin: 10px 10px 0 10px;
	}

#metier p, #une p {
	margin: 0 10px 10px;
	text-align: left;
	}

#metier .lien {margin-left: 125px;}

#une {
	position: relative;
	float: left;
	width: 330px;
	height: 180px;
	padding-bottom: 10px;
	margin-top: 15px;
	background: transparent url(./imgs/fondA.gif) center bottom no-repeat;
}

#une h2 {
	text-align: left;
	font-size: 11px;
	margin: 0 10px 20px;
	}

#une .lien {margin-left: 220px;}

#actu {
	position: relative;
	width: 330px;
	height: 286px;
	padding-bottom: 10px;
	margin-top: 220px;
	margin-left: 0px;
	background: transparent url(./imgs/fondA.gif) center bottom no-repeat;
}

#actu ul {
	padding-left: 25px;
	padding-right: 10px;
	list-style-image: url(./imgs/puce.gif);
	}

#actu li {
	margin-bottom: 10px;
	}

#actu a:link, a:visited {
	text-decoration: none;
	color: black;
	}

#actu a:hover {
	text-decoration: underline;
	color: #b00c02;
	}

#actu .lien {margin-left: 90px;}

#siteAlternance {
	clear: both;
	position: relative;	
	}

#siteAlternance, #JPO, #formationContinue, #prescripteursFormation {
	position: relative;	
	float: left;	
	width: 150px;
	height: 190px;
	padding-bottom: 10px;
	background: transparent url(./imgs/fond3.gif) center bottom no-repeat;
	}

#siteAlternance, #JPO, #formationContinue {margin: 17px 16px 0 0;}

#prescripteursFormation {margin: 17px 0 0 0;}

#homepage h3 {
	padding: 10px 0px 12px 10px;
	background: transparent url(./imgs/fond_haut3.gif) no-repeat center top;
	}

#siteAlternance p ,#JPO p, #formationContinue p, #prescripteursFormation p {margin: 0 10px 0 10px;}

.precision {
	padding-top: 10px;
	font-weight: bold;
	text-align: center;
	}

#siteAlternance .lien, #JPO .lien, #formationContinue .lien, #prescripteursFormation .lien{margin-left: 70px;}

/*-------------------------------------------------------*/

#rubrique {
	width: 525px;/*rien !*/
	margin: 0 133px 0 145px;
	min-height: 416px;
	height: auto !important; /*Fix bug IE<7*/
	height: 416px;           /*du min-height*/
	font-size: 12px;
	color: #505050;
	}

#rubrique h1 {
	font-size: 16px;
	margin: 0 0 25px 0;
	padding-top: 10px;
	color: #710600;
	}

#rubrique h2 {
	font-size: 14px;
	margin: 10px 0;
	color: #d22b22;
	}

#rubrique h3 {
	font-size: 12px;
	color: #d22b22;
	margin: 30px 0 10px 0;
	}

#rubrique h4 {
	font-size: 12px;
	margin: 30px 0 10px 0;
	}

#rubrique p {
	margin: 15px 0 15px 0;
	color: #505050;
	text-align: justify;
	}

#rubrique a:link, a:visited {
	color: #505050;
	text-decoration: none;
	}

#rubrique a:hover {
	color: #b00b02;
	text-decoration: underline;
	}

#rubrique ul {padding: 0px 0 0px 30px;}

#rubrique .img_ecole {
	float: right;
	margin-right: 50px;
	}

#rubrique #adresse {margin-bottom: 30px;}

#rubrique #adresse strong {
	display: block;
	margin: 12px 0;
	}

#rubrique #ami, #rubrique #pdf, #rubrique #imprimer {
	margin-right: 20px;
	}

#rubrique #ami img, #rubrique #pdf img, #rubrique #imprimer img {
	position: relative;
	top: 5px;
	margin-right: 5px;
	}

#rubrique .sep_ecole {
	margin-top: 20px;
	color: gray;
	background-color: gray;
	height: 1px;
	border: 0;
	}

#rubrique .img_dossier, #rubrique .img_metier {
	float: left;
	margin: 3px 10px 0 0;
	border: 1px solid #505050;
	}

#rubrique .imgEcole {float: right; margin: 0 0 10px 5px;}

#rubrique .redaction {text-align: right;}

#rubrique .rubrique {clear: both; margin-bottom:0;}

#rubrique #listeSecteurs {
	text-align: center;
	margin: 30px 0 0px 0;
	}

#rubrique #banCarre {padding: 10px 0 10px 220px;}

#rubrique #banCarre2 {
	margin-left: 110px;
	padding: 20px 0 10px 0;
	}

#rubrique #banCarre3 {
	float: right;
	margin-left: 0px;
	padding: 0 0 10px 10px;
	}

#rubrique #solutions {
	padding: 10px 0 25px 0px;
	list-style-image: url(./imgs/puce.gif);
	border:1px solid #dbdbdb;
	}

#rubrique #solutions #partieUne {float: left; padding-left: 35px;}

#rubrique #solutions #partieDeux {padding-left: 300px;}

#rubrique #solutions a {font-size: 11px;}

#rubrique #solutions2 {
	float: left;
	width: 185px;
	padding: 10px 0 10px 20px;
	margin: 10px 0;
	list-style-image: url(./imgs/puce.gif);
	border:1px solid #dbdbdb;
	}

#rubrique .resultatMetier {
	width: 100%;
	border: 1px solid #b2b2b2;
	margin-bottom: 20px;
	}

#rubrique .ligne1 {background-color: #f1f1f1;}

#rubrique .ligne2 {background-color: white;}

#rubrique .colonne2 {
	width: 20px;
	text-align: center;
	}

#rubrique #avertissement {
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
	padding: 10px;
	border: 1px solid #d22b22;
	color: black;
	width: 80%;
	}

#rubrique #avertissement a {
	display: block;
	margin-top: 20px;
	font-weight: bold;
	color: #d22b22;
	}

#rubrique .question {padding-top: 20px;}

#rubrique .metiersDuMois {
	float: left;
	width: 43%;
	background-color: #f1f1f1;
	line-height: 18px;
	margin: 0 8px 20px 8px;
	padding: 0 10px 10px 10px;
	}

#rubrique .metiersDuMois img {
	float: left;
	margin: 0 10px 10px 0;
	padding: 10px 0 0 0;
	}

#rubrique .metiersDuMois p {clear: both;}

#rubrique .sousMetiers {clear: both;}

#rubrique #action {
	clear: both;
	float: left;
	margin: 10px 0;
	font-size: smaller;
	}

#rubrique #action a {
	position: relative;
	top: -6px;
	}

#rubrique #menuFiche {
	clear: both;
	list-style-type: none;
	border-top: 1px solid gray;
	padding: 5px 0 20px 0;
	}

#rubrique #menuFiche li {
	display: inline;
	margin-left: 5%;
	}

#rubrique #menuFiche a {
	color: #710600;
	font-weight: bold;
	}

#rubrique #listeDossiers {
	padding: 10px 0 10px 25px;
	margin-top: 30px;
	margin-bottom: 30px;
	list-style-image: url(./imgs/puce.gif);
	border:1px solid #dbdbdb;
	}

#rubrique .listeDossiers {
	padding: 10px 0 10px 25px;
	margin-bottom: 30px;
	list-style-image: url(./imgs/puce.gif);
	}

#rubrique .telechargement {
	margin: 10px 0 30px 0;
	padding: 10px;
	border-bottom: dotted 1px #dbdbdb;
	}

#rubrique .telechargement ul, #rubrique .mag ul, #rubrique .mag2 ul {margin: 10px 0 10px 0;}

#rubrique .telechargement h2, #rubrique .mag h2, #rubrique .mag2 h2 {padding-bottom: 10px;}

#rubrique .telechargement img, #rubrique .mag img, #rubrique .mag2 img {
	float: left;
	margin: 0 25px 20px 0;
	}

#rubrique .telechargement .download, #rubrique .mag2 .download{
	clear: both;
	display: block;
	height: 15px;
	padding: 4px 0 0 0;
	background: url(imgs/download.gif) transparent left bottom no-repeat;
	text-align: right;
	font-weight: bold;
	}

#rubrique .telechargement .download {
	width: 95px;
	margin-left: 380px;
	}
	
#rubrique .mag2 .download {
	width: 230px;
	margin-left: 270px;
	}

#rubrique .mag {
	margin-top : 20px;
	border-bottom: dotted 1px #dbdbdb;
	}

#rubrique .mag .dispo1 {
	color: red;
	text-align: center;
	}

#rubrique .mag .dispo1 a  {color: red;}

#rubrique .mag2 {margin: 20px 0 50px 0;}

#rubrique .mag .dispo2 {
	text-align: right;
	margin: 10px;
	}

/*#rubrique .mag2 p {color: black;}*/

#rubrique .test, #rubrique .partenaire {
	margin: 0 0 20px 0;
	padding: 10px;
	text-align: justify;
	border: 1px solid #dbdbdb;
	}

#rubrique .partenaire p {margin: 0 0 0 80px;}

#rubrique .test img, #rubrique .partenaire img {
	float: left;
	margin: 0 10px 0 0;
	}

#rubrique .test div {
	clear: both;
	text-align: right;
	}

#rubrique #tri {clear: both; color: #d22b22; width: 90%; text-align: right;}

#rubrique #tri select {width: 300px; margin-top: 5px;}

#rubrique .typeTemoignage {
	padding: 5px;
	margin-top: 15px;
	/*background-color: #e8e8e8;
	border: 1px solid #dbdbdb;*/
	}

#rubrique .typeTemoignage h2 {margin: 0 0 0 5px;}

#rubrique .temoin {
	padding: 5px;
	margin-top: 10px;
	background-color: #f8f8f8;
	}

#rubrique .temoin img{float: left; margin-top: 15px;}

#rubrique .temoin p{
	margin: 0;
	padding-left: 45px;
	}

#video {margin: 20px 0 20px 85px;}

#listeEcoles {
	margin: 20px 0;
	padding: 10px 3px 0 3px;
	background-color: #e8e8e8;
	border: 1px solid #dbdbdb;
	}

#listeEcoles .conteneur3 {
	position: relative;
	height: 120px;
	font-size:11px;
	padding:0px;
	margin: 0 3px 10px 3px;
	border:1px solid #b00b02;
	background-color: white;
	}

#listeEcoles .plus {
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-weight: bold;
	}

.publi {
height: 75px;
padding: 5px;
border: 1px solid #d22b22;
}

.publi img {
float: left
}


	
/*Formulaire d'incription*/
#idetab {width:124px;}
#pays {width:225px;}

#inscrmess {font-weight: bold; border: 1px solid red; padding: 10px;}
/*FIN CORPS--------------------////////*/


/*BOTTOM////////////////////////////////////*/
#bottom {
	clear: both;
	padding: 5px 0px 5px 170px;
/*
padding: 5px 0px 5px 170px;
text-align: center;
*/
	}

#bottom a:link, #bottom a:visited {
	color: #4f4f4f;
	text-decoration: none;
	margin-top: -5px;
	}

#bottom a:hover {text-decoration: underline;}

#xiti {
	position: relative;
	left: 80px;
	}
/*FIN BOTTOM--------------------------------*/

.affiche {}

.cache {display: none;}

.invisible {clear:both; visibility: hidden;}

.invisible2 {display:none;}

/* Operation rentree 2007 //////////// */
#en_avant {width: 100%; text-align: center; margin: 20px 0 15px 10px;}

.conteneur2 {float:left; width:154px; font-size:11px; padding:5px 1px 5px 1px; margin: 0 3px 5px 3px; text-align:center; border:1px solid #b00b02;}

.secteur {margin-top: 20px; padding: 0 3px 10px 3px; background-color: #e8e8e8; border: 1px solid #dbdbdb;}

.secteur h2 {padding-left: 20px; }

.conteneur {height: 100px; font-size:11px; padding:0px; margin: 0 3px 10px 3px; border:1px solid #b00b02; background-color: white;}

.image {float: left; margin: 10px 15px 10px 10px;}

.image2 {margin-bottom:3px;}