body {
 background: White;
 padding: 0;
 margin: 0;
 font-family:verdana,sans-serif;
}
img {
 border: none;
}
#specialavenir {
 padding: 0;
 margin: 0;
}
#Page {
 margin:0 auto;
 width:1020px;
}
#Conteneur {
 float:left;
 width:848px;
 border:1px solid #6989c2;
 border-top:0;
 padding:0 0 29px;
}
#PubTop {
 background:url('FdPubTop.gif') repeat-x bottom #1f5fad;
 padding:1px 0 0;
 text-align:center;
 min-height:50px;
 _height:50px;
}
#PubSky {
 float:right;
 margin:10px 0 15px 10px;
 width:160px;
}
#Contenu {
 position:relative;
 clear:both;
 float:left;
 padding:0 0 0 23px;
 width:825px;
}

/* ###############
   ### Tetiere ###
	 ############### */
	 
#Tetiere {
 float:left;
 display:inline; /* correction du bug ie */
 margin:0 23px;
Width:800px;
}
#Tetiere h1 {
 width:480px;
 float:left;
 margin:0;
 padding:15px 0 0 6px;
}
#Tetiere h2 {
 float:right;
 margin:0;
 padding:23px 0 0;
 width:77px;
}
#Tetiere h3 { /* Date */
 width:222px;    
 height:33px;
 font:8pt verdana,sans-serif;
 color:#0c51a6;
 float:left;
 margin:0;
 padding:33px 0 0 8px;
}
#Tetiere ul.Barre {
 clear:both;
 font-size:11px;
 font-weight:bold;
 color:#fff;
 background:#0c51a6;
 margin:0;
 padding:0;
 height:24px;
}
#Tetiere ul.Barre li {
 list-style-type:none;
 float:left;
}
#Tetiere ul.Barre li.Selection {
 list-style-type:none;
 float:right;
/* padding:6px 0 0;*/
}
a.alimenu,
a.alimenu:visited {
 color:#fff;
 text-decoration:none;
 text-transform:uppercase;
 display:block;
 padding:6px 5px 0;
 border-right:1px solid #fff;
 _float:left;
 height:18px;
}
a.alimenu:hover {
 text-decoration:none;
 background:url('FlchBarre.gif') no-repeat 50% bottom #3888da;
}
a.indexmenu,
a.indexmenu:visited {
 display:block;
 float:left;
 background:url(Menu_Home.gif);
 width:25px;
 height:24px;
 padding:0;
 border-right:1px solid #fff;
}
a.indexmenu:hover {
 background:url(Menu_Home.gif) 25px;
}
a.indexmenu span {
 display:none;
}
.Chemin {
 clear:both;
 display: block;
 width: 776px;
 font-weight:bold;
 font-size:11px;
 color:#fff;
 background:#449900;
 margin:0 25px 0 0;
 padding:6px 12px;
_padding:3px 12px 6px;
}
.Chemin a {color:#FFF;  text-decoration:none; }
.Chemin a:hover {color:#FFF;  text-decoration:underline;}

.PopUpChoix {
 position:absolute;
 top:0;
 left:0;
 width:200px;
 padding:0;
 visibility:hidden;
 border-top:1px solid #fff;
 z-index:1010;
}
ul.choix {
 font-size:10px;
 font-weight:bold;
 background:#e00;
 margin:0 9px 0 0;
 padding:0;
 border:1px solid #0c51a6;
 border-bottom:none;
}
ul.choix li {
 list-style-type:none;
 border-bottom:1px solid #0c51a6;
}
ul.choix li a {
 display:block;
 text-decoration:none;
 text-transform:uppercase;
 color:#0c51a6;
 padding:7px 9px;
 background:#d4e5f9;
}
ul.choix li a.Emploi:link,
ul.choix li a.Emploi:active,
ul.choix li a.Emploi:visited {
 background:#d4e5f9;
}
ul.choix li a.Emploi:hover {
 color:#fff;
 background:#3888da;
}
ul.choix li a.Formation:link,
ul.choix li a.Formation:active,
ul.choix li a.Formation:visited {
 background:#cdee45;
}
ul.choix li a.Formation:hover {
 color:#fff;
 background:#9dd205;
}
ul.choix li a.Cessions:link,
ul.choix li a.Cessions:active,
ul.choix li a.Cessions:visited {
 background:#eedc16;
}
ul.choix li a.Cessions:hover {
 color:#fff;
 background:#c2ad02;
}
a#ChxEmploi:hover {
 background-color:#3888da;
}
a#ChxFormation:hover {
 background-color:#9dd205;
}
a#ChxCessions:hover {
 background-color:#c2ad02;
}
/* ####################
   ### Pied de page ###
	#################### */
	
#Pied {
 clear:left;
 width:844px;
 font:7pt verdana,sans-serif;
 text-align:center;
 color:#0c51a6;
 padding:2px 0 10px 3px;
 line-height:14px;
}
#Pied a,
#Pied a:visited {
 color:#0c51a6;
}
#Pied a:hover {
 color:#000;
}
#PiedPro {
 clear:left;
 font:7pt verdana,sans-serif;
 text-align:center;
 color:#0c51a6;
 padding:2px 0 10px 0;
 line-height:14px;
}
#PiedPro a,
#PiedPro a:visited {
 color:#0c51a6;
}
#PiedPro a:hover {
 color:#000;
}

/* ####################
   ### Une ###
	#################### */
	
#bloc1 {
 width: 524px;
 height: 246px;
 border: 2px solid #d4e5f6;
 float: left;
}
#bloc1 .colG {
 float: left;
 margin-left: 18px;
}
#bloc1 .colG .titre {
 margin: 16px 0 7px 0;
}
#bloc1 .colD a,
#bloc1 .colD a:visited {
 float: right;
 position: relative;
 margin: 16px 27px 0 0;
 border: 1px solid #fff;
 text-decoration: none;
}
#bloc1 .colD a:hover {
 border: 1px solid #0C51A6;
}
#bloc1 .colD h1 {
 font-size: 10px;
 color: #0c51a6;
 font-weight: bold;
 text-transform: uppercase;
 background: #d4e5f6;
 width: 191px;
 text-align: center;
 padding: 6px 0;
 margin: 0;
 text-decoration: none;
 cursor: pointer;
}
#bloc1 .colD .photo {
 width: 191px;
}
#bloc1 .colD h3 {
 position: absolute; 
 bottom: 0;
 right: 0;
 margin: 0;
 padding: 4px 13px 5px 20px;
 font-size: 10px;
 color: #fff;
 font-weight: bold;
 cursor: pointer;
 background:url('FdSavoir.gif') no-repeat bottom;
}
.Bloc250 {
 overflow:hidden;
 width:250px;
 height:215px;
 float:left;
 margin:0;
 display:inline;
 margin:0 23px 0 0;
}
.Bloc250 h1 {
 margin:0;
 padding:0;
 height:58px;
 overflow:hidden;
 display: inline;
}
.Bloc250 .Contenu {
 height:202px;
 padding:4px 1px 1px 5px;
 background:#d4e5f9;
 overflow:auto;
}
.Bloc250 .Contenu .photo {
 border: 3px solid #adc8e6;
 margin-top: 3px;
}
.Bloc250 .Contenu a.lien04,
.Bloc250 .Contenu a.lien04:visited {
 background:url('PuceFlchLien.gif') no-repeat 2px 5px;
 display:block;
 color:#0c51a6;
 font:11px verdana,sans-serif;
 text-decoration:underline;
 margin:5px 0 0 10px;
 padding:0 0 0 10px;
 line-height:1.2em;
}
.Bloc250 .Contenu a.lien04:hover {
 color:#ed1c24;
}
.Bloc250 .Contenu a.lien03,
.Bloc250 .Contenu a.lien03:visited {
 display:block;
 color:#0c51a6;
 font:11px verdana,sans-serif;
 text-decoration:underline;
 margin:5px 0 15px 0;
 padding:0 0 0 10px;
 line-height:1.2em;
}
.Bloc250 .Contenu a.lien03:hover {
 color:#ed1c24;
}
.Bloc250 .Contenu a.lien02,
.Bloc250 .Contenu a.lien02:visited {
 background:url('PuceFlchLien.gif') no-repeat 0 5px;
 display:block;
 color:#0c51a6;
 font:11px verdana,sans-serif;
 text-decoration:underline;
 margin:5px 0 0 6px;
 padding:0 0 0 10px;
 line-height:1.2em;
}
.Bloc250 .Contenu a.lien02:hover {
 color:#ed1c24;
}
.Bloc250 .Contenu a.lien,
.Bloc250 .Contenu a.lien:visited {
 display:block;
 color:#0c51a6;
 font:11px verdana,sans-serif;
 text-decoration:underline;
 margin:5px 0 0 6px;
 padding:0 0 0 10px;
 line-height:1.2em;
}
.Bloc250 .Contenu a.lien:hover {
 color:#ed1c24;
}
.Bloc250 .Contenu .texteSsLien {
 background:url('PuceFlchLien.gif') no-repeat 0 5px;
 display:inline;
 color:#0c51a6;
 font:11px verdana,sans-serif;
 text-decoration:underline;
 margin:5px 0 0 6px;
 padding:0 0 0 10px;
 line-height:1.2em;
}
.Bloc250 .Contenu .texteSsLien02 {
 color:#0c51a6;
 font:11px verdana,sans-serif;
 text-decoration:underline;
 margin:5px 0 15px 0;
 padding:0 0 0 10px;
 line-height:1.2em;
}

/* ####################
   ### Col Droite formation ###
	#################### */
	
.colDroiteFormation {
 float:left;
 width:340px;
 margin:1px 0 0 19px;
 overflow:auto;
_height:1%;
}
#ColOrganismeLogo {
 background:url('fondLogoOrganismes.jpg') repeat-x right bottom #ce4;
_height:1%;
 overflow:auto;
 padding:0 0 30px;
}
#ColOrganismeLogo h2 {
 font-size:11px;
 text-transform:uppercase;
 color:#0c51a6;
 margin:15px 0;
 padding:0 0 0 10px;
}
#ColOrganismeLogo h2 span {
 display:block;
 font-size:10px;
 text-transform:none;
 font-weight:normal;
 color:#000;
 margin:0;
 padding:0;
}
#ColOrganismeLogo a.LogoListeOganisme {
 float:left;
 text-align:center;
 display:inline;
 width:122px;
 height:70px;
 margin:0 0 20px 30px;
 text-decoration:none;
 font-size:10px;
 padding:2px;
 color:#0c51a6;
 overflow:hidden;
}
#ColOrganismeLogo a.LogoListeOganisme:hover {
 color:#fff;
 background:#490;
}
#ColOrganismeLogo p.nom {
 font-weight:bold;
 margin:6px 0 0;
}

/* ####################
   ### Col Gauche Liste ###
	#################### */
	
#ColOrganismeList {
 float:left;
 width:441px;
 margin:0;
 font-size:10px;
}
#ColOrganismeList h2 {
 font-size:11px;
 text-transform:uppercase;
 color:#0c51a6;
 margin:15px 0;
 padding:0 0 0 10px;
 background:url('PuceFlchLienTitre.gif') no-repeat 0 5px;
}
#ColOrganismeList h2 span {
 font-size:12px;
 font-weight:normal;
 display:block;
 margin:0;
 padding:0;
 text-transform:none;
 text-align: justify;
}
.ColOrganismeListBorder {
 border:1px solid #d4e5f9;
 padding:10px;
 margin-bottom: 10px;
 font-size:10px;
}
.ColOrganismeListBorder02 {
 border:1px solid #d4e5f9;
 padding:10px;
}
.ColOrganismeListBorder02 h3 {
 margin:0;
 padding:0 0 10px;
 font-size:11px;
 text-transform:uppercase;
 color:#0c51a6;
}
.ColOrganismeListBorder a.metier {
 display:block;
 padding:10px;
 margin:0;
 font-size:11px;
 color:#0c51a6;
 text-decoration:none;
 background: #fff;
 border: 1px solid #fff;
}
.ColOrganismeListBorder a.metier:hover {
 border: 1px solid #0c51a6;
}
.ColOrganismeListBorder a.metier strong {
 display:block;
 color:#000;
}
.ColOrganismeListBorder a.metierBis {
 display:block;
 padding:10px;
 margin:0;
 font-size:11px;
 color:#0c51a6;
 text-decoration:none;
 background:#d4e5f6;
 border: 1px solid #d4e5f6;
}
.ColOrganismeListBorder a.metierBis:hover {
 border: 1px solid #0c51a6;
}
.ColOrganismeListBorder a.metierBis strong {
 display:block;
 color:#000;
}
.ColOrganismeListBorder a.metier02 {
 display:block;
 padding:2px 0;
 margin:0;
 font-size:11px;
 color:#0c51a6;
 text-decoration:none;
}
.ColOrganismeListBorder a.metier02:hover {
 color:#0c51a6;
 text-decoration:underline;
}
.ColOrganismeListBorder a.metier02 strong {
 display:block;
 color:#000;
}
#ColOrganismeList a.metier03 {
 display:block;
 padding:10px;
 margin:0;
 font-size:11px;
 color:#0c51a6;
 text-decoration:none;
 border-top:1px solid #d4e5f6;
}
#ColOrganismeList a.metier03:hover {
 background:#d4e5f6;
}
#ColOrganismeList a.metier03 strong {
 display:block;
 color:#000;
}
.Metiers2015 {
 clear: both;
 background:#d4e5f6;
 padding: 4px;
 font-size:11px;
 font-weight:normal;
 text-align:justify;
 width: 433px;
}
.Metiers2015 a.metier {
 display:block;
 padding:6px 10px;
 margin:0;
 font-size:11px;
 color:#000;
 text-decoration:none;
 border-bottom:1px dotted #0c51a6;
 background:url('PuceFlchLien.gif') no-repeat 0 10px;
}
.Metiers2015 a.metier:hover {
 font-weight:bold;
}
.OrganismeEtaussi {
 background:#d4e5f6;
 padding:10px 10px 30px;
 font-size:10px;
 font-weight:normal;
 margin:1px 0 0;
 text-align:justify;
}
.OrganismeEtaussi h5 {
 text-transform:uppercase;
 padding:0 0 6px;
 margin:0;
 font-size:12px;
 color:#0c51a6;
}

/* ####################
   ### Col Gauche Detail ###
	#################### */

#detailColG {
 float: left;
 width: 579px;
}
#detailColG h1 {
 font-size:11px;
 text-transform:uppercase;
 color:#0c51a6;
 margin:15px 0 0 0;
 padding:0 0 0 10px;
 background:url('PuceFlchLienTitre.gif') no-repeat 0 5px;
}
#detailColG h2 {
 font-size:10px;
 color:#000;
 margin:15px 0;
 padding:0;
 text-align: justify;
}
#detailColG .photo {
 float: left;
 width: 340px;
 height: 226px;
 overflow: hidden;
 background: #b1de23;
}
#detailColG .photo .taille {
 width: 340px;
 height: 190px;
}
#detailColG .blocs4 {
 float: right;
 width: 238px;
 display: block;
 overflow: hidden;
}
#detailColG .blocs4 .salaire {
 float: left;
 border: 1px solid #c1e450;
 width: 105px;
 height: 106px;
 margin: 0 10px 10px 10px;
_margin: 0 8px 10px 8px;
 padding: 0;
 text-align: center;
 overflow: hidden;
}
#detailColG .blocs4 .salaire h2 {
 font-size: 10px;
 display: block;
 font-weight: bold;
 color: #006f8c;
 margin: 5px 0;
 padding: 0;
 text-align: center;
}
#detailColG .blocs4 .salaire h3 {
 font-size: 10px;
 display: block;
 font-weight: bold;
 color: #ec040d;
 margin: 0;
 padding: 0;
 text-align: center;
}
#detailColG .blocs4 .salaire h3 span {
 font-size: 9px;
 color: #006f8c;
 font-weight: normal;
 letter-spacing: -0.09em;
 font-family:verdana,sans-serif;
}
#detailColG .blocs4 .salaire .icone {
 margin: 4px 0;
}
#detailColG .blocs4 .embauche {
 float: right;
 border: 1px solid #c1e450;
 width: 105px;
 height: 106px;
 margin: 0 0 10px 0;
 padding: 0;
 text-align: center;
 overflow: hidden;
}
#detailColG .blocs4 .embauche h2 {
 font-size: 10px;
 font-weight: bold;
 color: #006f8c;
 margin: 5px 0;
 padding: 0;
 text-align: center;
}
#detailColG .blocs4 .embauche h3 {
 font-size: 10px;
 display: block;
 font-weight: bold;
 color: #ec040d;
 margin: 0;
 padding: 0;
 text-align: center;
}
#detailColG .blocs4 .embauche .icone {
 margin: 4px 0;
}
#detailColG .blocs4 .duree {
 clear: both;
 float: left;
 border: 1px solid #c1e450;
 width: 105px;
 height: 106px;
 margin: 0 0 0 10px;
_margin: 0 0 0 8px;
 padding: 0;
 text-align: center;
 overflow: hidden;
}
#detailColG .blocs4 .duree h2 {
 font-size: 10px;
 font-weight: bold;
 color: #006f8c;
 margin: 5px 0;
 padding: 0;
 text-align: center;
}
#detailColG .blocs4 .duree h3 {
 font-size: 10px;
 display: block;
 font-weight: bold;
 color: #ec040d;
 margin: 0;
 padding: 0;
 text-align: center;
}
#detailColG .blocs4 .duree .icone {
 margin: 4px 0;
}
#detailColG .blocs4 .cout {
 float: right;
 border: 1px solid #c1e450;
 width: 105px;
 height: 106px;
 margin: 0;
 padding: 0;
 text-align: center;
 overflow: hidden;
}
#detailColG .blocs4 .cout h2 {
 font-size: 10px;
 font-weight: bold;
 color: #006f8c;
 margin: 5px 0 2px 0;
 padding: 0;
 text-align: center;
}
#detailColG .blocs4 .cout h3 {
 font-size: 10px;
 display: block;
 font-weight: bold;
 color: #ec040d;
 margin: 0;
 padding: 0;
 text-align: center;
}
#detailColG .blocs4 .cout .icone {
 margin: 4px 0;
}
#detailColG .aLire {
 clear: both;
 float: left;
 width: 569px;
 display: block;
 padding: 10px 5px;
 margin: 15px 0;
_margin: 15px 0 0 0;
 font-size:10px;
 border: 1px solid #0c51a6;
}
#detailColG .aLire a.lien {
 display:block;
 text-decoration:none;
}
#detailColG .aLire a.lien:hover {
 text-decoration: underline;
 color: #0c51a6;
}
#detailColG .aLire .titre {
 color: #0c51a6;
 padding: 0;
 margin: 0;
 font-weight: bold;
}
#detailColG .aLire .titre span {
 color: #000;
}
#detailColG .pointill {
 clear: both;
 display:block;
 overflow: hidden;
 border-top: 1px dashed #b1de23;
}
#detailColG .pointill hr {
 display: none;
}
#detailColG .carte {
 margin-top: 10px;
}
#detailColG table {
 width: 579px;
}
#detailColG table .titre {
 text-align: center;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 10px;
 color: #161616;
}
#detailColG table .chambre {
 background: #fff;
 font-size: 10px;
 color: #000;
}
#detailColG table .txt {
 background: #fff;
 font-size: 10px;
 color: #000;
 font-weight: normal;
}

/* ####################
   ### Col Droite Detail ###
	#################### */
	
#detailColD {
 float: right;
 width: 188px;
 height: 630px;
 background: #d4e5f6;
 margin: 8px 25px 0 0;
_margin: 8px 25px 0 30px;
}
#detailColD .liensinfos {
 background: #ccee44;
 border: 1px solid #449900;
 padding: 10px;
}
#detailColD a.infos,
#detailColD a.infos:visited {
 font-size: 10px;
 color: #000;
 text-transform: uppercase;
 font-weight: bold;
 display: block;
 text-decoration: none;
 margin-top: 4px;
}
#detailColD a.infos:hover {
 color: #e2001a;
 text-decoration: underline;
}
#detailColD a.infos span {
 font-size: 8px;
}
#detailColD .commentaires {
 background: #0c51a6;
 border-bottom: 1px dashed #fff;
 border-top: 8px solid #fff;
 font-size: 10px;
 font-weight: bold;
 color: #fff;
 padding: 10px;
}
#detailColD a.comm,
#detailColD a.comm:visited {
 display: block;
 font-size: 11px;
 color: #fff;
 margin-top: 8px;
 font-weight: normal;
 text-decoration: underline;
}
#detailColD a.comm:hover {
 color: #d4e5f6;
 font-weight: normal;
 text-decoration: underline;
}
#detailColD .metiers240 {
 background: #d4e5f6;
 font-size: 10px;
 color: #000;
 padding: 20px 10px;
 text-align: center;
}
#detailColD a.met,
#detailColD a.met:visited {
 color: #000;
 font-size: 10px;
 text-decoration: underline;
}
#detailColD a.met:hover {
 color: #e2001a;
 text-decoration: underline;
}

/* ####################
   ### Fiche Metier ###
	#################### */

#detailFiche .titre {
 display: block;
 margin: 15px 0 0 0;
}	
#detailFiche h1 {
 font-size:11px;
 text-transform:uppercase;
 color:#0c51a6;
 margin:15px 70px 0 50px;
 padding: 0 0 0 10px;
 background:url('PuceFlchLienTitre.gif') no-repeat 0 5px;
}	
#detailFiche h2 {
 font-size: 10px;
 color: #000;
 margin:15px 70px 0 50px;
 padding: 0;
 font-weight: normal;
 text-align: justify;
}
#detailFiche .photo {
 margin: 15px 70px 15px 15px;
 float: right;
 font-size: 9px;
 color: #000;
 text-align: right;
 width: 191px;
 background: #cced44;
 padding: 0 0 10px 0;
 display: block;
}
#detailFiche .photo img {
 width: 191px;
 border-bottom: 10px solid #cced44;
}
#detailFiche .pointill {
 clear: both;
 display:block;
 border-bottom: 1px dashed #b1de23;
 margin: 15px 25px 15px 0;
 font-size: 10px;
 text-align: right;
}
#detailFiche .pointill hr {
 display: none;
}

/* ####################
   ### Page metiers 2015 ###
	#################### */

#metiers2015 h2 {
 font-size:11px;
 text-transform:uppercase;
 color:#0c51a6;
 margin:15px 25px 15px 0;
 padding: 0 0 0 10px;
 background:url('PuceFlchLienTitre.gif') no-repeat 0 5px;
}	
#metiers2015 h2 span {
 font-size:12px;
 font-weight:normal;
 display:block;
 margin:0;
 padding:0;
 text-transform:none;
 text-align: justify;
}
#metiers2015 table {
 margin:0 25px 0 0;
 width: 802px;
}
#metiers2015 table .titre {
 text-align: center;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 10px;
 color: #161616;
}
#metiers2015 table .chambre {
 background: #fff;
 font-size: 10px;
 color: #000;
}
#metiers2015 table .txt {
 background: #fff;
 font-size: 10px;
 color: #000;
 font-weight: normal;
}
#metiers2015 table .txt02 {
 background: #0c51a6;
 font-size: 10px;
 color: #fff;
 font-weight: bold;
 text-align: center;
}
#metiers2015 table .txt h3 {
 font-size:10px;
 color:#000;
 margin: 0;
 padding: 0;
 font-weight: normal;
 text-align: right;
}	
#metiers2015 .pointill {
 clear: both;
 display:block;
 border-top: 1px dashed #b1de23;
 margin: 15px 25px 15px 0;
}
#metiers2015 .pointill hr {
 display: none;
}