﻿div#Formation {
	margin-left :10px;
}
div#Formation_left_col
{
	float: left;
	display: block;
	width: 216px;
	text-align:justify ; 
	height :auto ;
}
div#Formation_right_col
{
	float: right;
	display: block;
	width: 550px;
	padding-right:10px;
}
/*H1*/
div#Formation h1
{
	margin-top :0px;
	padding-bottom :0px;
	margin-bottom :0px;
	font-size :14px;
    color:#0B5699;  
    font-weight:bold ;
    text-transform: uppercase;
}
/*H2*/
div#Formation h2
{
	margin-top :8px;
	padding-bottom :0px;
	margin-bottom :0px;
	font-size :16px;
    color:#FF8400;  
    font-weight:bold ;
    text-transform: uppercase;
}
/*H3*/
div#Formation h3
{
	font-size :12px;
    color:#000000;  
    font-weight:bold;
    text-transform: none;
}
div#Formation h3.titre_recherche
{
	margin: 0 0 0 0;
	font-size :12px;
    color:#0B5699;  
    font-weight:bold ;
    text-transform: uppercase;  
}

div#Formation h3:first-letter
{
    text-transform:uppercase; 
}
div#Formation h3.encart
{
	margin: 0 0 0 0;
	padding: 8px 0 5px 10px; 
	font-size :12px;
    color:#0B5699;  
    font-weight:bold ;
    text-transform: uppercase;  
}

div#Formation h3.encart span
{
	background-color:#FFF;
	padding-left:6px;
	padding-right:6px; 
}

div#Formation h3.blue_arrow
{
	background-image:url(images/fleche_suite.gif);
	background-repeat:no-repeat ;
	background-position: 0px 3px;
	padding: 0 0 0 12px; 
	margin: 8px 0 15px 0;
}

.title_bleu_arrow_11px
{
	color:#000;
	font-size:11px;
	background-image:url(images/fleche_suite.gif);
	background-repeat:no-repeat ;
	background-position: 15px 3px;
	padding: 0 0 0 27px; 
	margin: 8px 0 5px 0;
	text-decoration:none; 
}
.title_bleu_arrow_11px a
{
	color:#000;
	text-decoration:none; 
}
.title_bleu_arrow:first-letter
{
	text-transform: uppercase; 
}

div#Formation h5
{
	color:#0B5699;
	font-size:11px;
	font-weight:normal;  
	padding: 0 0 0 27px; 
	margin: 8px 0 5px 0;
	text-decoration:underline; 
}
div#Formation h5:first-letter
{
	text-transform: uppercase; 
}
/*p*/
div#Formation p
{
	font-size :12px;
    color:#595959;  
    font-weight:normal;
    text-transform: none;
}
div#Formation p.legend
{
	font-size :9px;
    color:#595959;  
    font-weight:normal;
    margin :0 0 0 20px;
    padding :0 0 0 0; 
}

div#Formation p.legend2
{
	font-size :9px;
    color:#595959;  
    font-weight:normal;
    margin :0 0 0 20px;
    padding :0 0 0 0; 
    display:block;
    width : 500px; 
    text-align:justify;   
}

div#Formation p.legend2 span
{
    color:#5959FF;  
}
div#Formation_left_col .recrut
{
	font-size:11px;
	text-align: left; 
	padding: 0 0 0 0;
	margin: 0 0 5px 0; 
}

div#Formation_Menu_Bouton
{
	display:block;
	margin:0 auto;
	width:490px;
	height:300px;
	padding-right:10px;
}

/*bouton*/
div#Formation a.bouton_formation
{
	display:block;
	width :264px;
	height:72px;
	background :url(images/formation_bouton.png) no-repeat 0 -82px;
	font-size:11px;
	text-align :center;  
	color:#000000;
	text-decoration:none;
	margin-top:5px;
	padding: 10px 0 0 0; 
	margin-left:auto ;
	margin-right:auto;  
}
div#Formation a.bouton_formation:hover
{
	background-position : 0 0px;
	color:#999999; 
}

div#Formation a.bouton_formation span.titre
{
	display:block;  
	margin-top :0px;
	padding-top :0px;
	padding-bottom :0px;
	margin-bottom :0px;
	font-size :16px;
	color:#FF8400;  
    font-weight:bold ;
    text-transform: uppercase;
}
div#Formation a.bouton_formation:hover span.titre
{
    color:#FFF;  
}
div#Formation a.bouton_formation span.texte
{
	display:block;  
	font-size :11px;
	color:#000;  
	text-align :center;
	margin-left :8px;
	margin-right:8px;
}
div#Formation a.bouton_formation:hover span.texte
{
    color:#CCC;  
}

/*Bouton apprentissage*/
div#Formation a.bouton_apprentissage
{
	display:block;
	width :210px;
	height:244px;
	background :url(images/apprentissage_bouton.png) no-repeat 0 -257px;
	font-size:11px;
	text-align :center;  
	color:#000000;
	text-decoration:none;
	margin-top:5px;
	padding: 10px 0 0 0; 
	margin-left:auto ;
	margin-right:auto;  
}
div#Formation a.bouton_apprentissage:hover
{
	background-position : 0 0px;
	color:#999999; 
}
div#Formation a.bouton_apprentissage span.titre
{
	display:block;  
	margin-top :0px;
	padding-top :0px;
	padding-bottom :0px;
	margin-bottom :0px;
	font-size :16px;
	color:#FF8400;  
    font-weight:bold ;
    text-transform: uppercase;
}
div#Formation a.bouton_apprentissage:hover span.titre
{
    color:#FFF;  
}
div#Formation a.bouton_apprentissage span.texte
{
	display:block;  
	font-size :11px;
	color:#000;  
	text-align :center;
	margin-left :8px;
	margin-right:8px;
}
div#Formation a.bouton_apprentissage:hover span.texte
{
    color:#CCC;  
}

/*Bloc bleu à gauche*/
div#Bloc_Recherche_Top
{
	float: right;
	background :url(images/bloc_216_haut.png) left top no-repeat;
	width:216px;
	margin: 0 0 0 0;
	padding-top:5px;  
}
div#Bloc_Recherche_Bottom
{
	background : url(images/bloc_216_bas.png) left bottom no-repeat;
	padding : 0 5px 5px 5px;
	margin-bottom:15px; 
}
div#Bloc_Recherche_Bottom p
{
	font-size:11px;
	text-align: left; 
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
}
div#Bloc_Recherche_Bottom p.bolder
{
	font-weight:bold;
}

/***************************************/
/*        block numéro azure           */
/***************************************/
div#block_bleu_216_Encart
{
	width:216px;
	margin: 0 0 15px 0;
	padding-top :5px; 
	background : url(images/block_horizon_216.gif) left top no-repeat;	
}
div#block_bleu_216_Encart h3
{
	font-size: 12px;
	color :#FFFFFF;
	font-weight :bold;
	text-transform: uppercase;
	padding-left:60px; 
	margin-bottom :0px;
}
div#block_bleu_216_Encart p
{
	margin :0 0 0 0;
	padding :0 12px 0 60px;
	text-align :justify ;
	text-transform: lowercase ;
	font-size :11px;
	color : #000000;	
}
div#block_bleu_216_Encart p:first-letter
{
	text-transform: uppercase; 
}

div#block_bleu_216_Encart a
{
	text-decoration :underline;
	font-size :11px;
	color : #ffffff;
	font-weight:bold;
}
div#block_bleu_216_Encart a:hover
{
	text-decoration :none;
}

div#block_bleu_216_Cadre
{
	width:216px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background : url(images/block_horizon_216.gif) left bottom no-repeat;	
	height:50px; 
}
div#block_bleu_216_Cadre span
{
	display :none; 
}
div#block_bleu_216_Encart span.horizon
{
	font-size: 12px;
	color :#FFFFFF;
	font-weight :bold;
	text-transform: uppercase;
	padding-left:60px; 
	margin-bottom :0px;
}




/***************************************/
/*        block apprentissage          */
/***************************************/
div#Block_Apprentissage
{
	width:216px;
	margin: 0 0 15px;
	padding-top :5px; 
	background : url(images/block_Formation_apprentissage.gif) left top no-repeat;	
}
div#Block_Apprentissage h3
{
	font-size: 12px;
	color :#FFFFFF;
	font-weight :bold;
	text-transform: uppercase;
	padding-left:60px; 
	margin-bottom :0px;
}
div#Block_Apprentissage p
{
	margin :0 0 0 0;
	padding :0 12px 0 60px;
	text-align :justify ;
	text-transform: lowercase ;
}
div#Block_Apprentissage p:first-letter
{
	text-transform: uppercase; 
}

div#Block_Apprentissage a
{
	text-decoration :none;
	font-size :11px;
	color : #000000;
}
div#Block_Apprentissage a:hover
{
	text-decoration :none;
	font-size :11px;
	color : #FFFFFF;
}

div#Block_Apprentissage_Cadre
{
	width:216px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background : url(images/block_Formation_apprentissage.gif) left bottom no-repeat;	
	height:5px; 
}




/**/
div#block_scolaire1
{
	display:block;
	float:left;  
	width:277px;
	height:420px;
	margin: 0 10px 10px 0;
	padding-top :5px; 
	padding-bottom:0px; 
	background : url(images/formation_cadre1.gif) left top no-repeat;	 
}
div#block_scolaire1_Cadre
{
	width:277px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background : url(images/formation_cadre1.gif) left bottom no-repeat;	
	height:10px; 
}
div#block_scolaire1 p
{
	margin-top:0px;
	margin-bottom:4px;  
	margin-left:15px;
	margin-right:15px;
	font-size:12px;   
}
div#block_scolaire1 p:first-letter
{
	text-transform:uppercase;  
}
div#block_scolaire1 p span
{
	color:#C40005;
	font-weight:bold; 
}
/**/
div#block_scolaire2
{
	display:block;
	float:right; 
	width:247px;
	height:420px;
	margin: 0 10px 10px 0;
	padding-top :5px; 
	padding-bottom:0px; 
	background : url(images/formation_cadre2.gif) left top no-repeat;	
}
div#block_scolaire2_Cadre
{
	width:247px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background : url(images/formation_cadre2.gif) left bottom no-repeat;	
	height:10px; 
}
div#block_scolaire2 p
{
	margin-left:10px;
	margin-right:10px;
	color:#000;
	font-weight:bold;   
}
div#block_scolaire2 p:first-letter
{
	text-transform:uppercase; 
}
div#block_scolaire2 p span
{
	color:#0B5699; 
}
div#block_scolaire2 p.simple
{
	font-weight:normal; 
}
/**/
div#Formation .inputbox
{
	display:inline; 
	margin : 0 0 0 15px;
	padding : 0 0 0 0px;
	font-size :11px;
	width:247px;
}

div#Formation a
{
	border-width :0px;	
}
/*Tableau des diplomes*/
div#Formation .Tableau
{
	width:auto; 
	border-collapse:collapse;
	padding:0 0 0 0; 
	margin: 0 0 10px 10px;  
}
div#Formation .Tableau tr
{
	padding:0 0 0 0; 
	margin:0 0 0 0; 
	width:auto;
}
div#Formation .Tableau td
{
	padding:0 0 0 0; 
	margin:0 0 0 0; 
	width:auto;   
}
div#Formation .Tableau td img
{
	margin:0 0 0 0; 
	padding:0 0 0 0;
	border:none;
}
div#Formation .Tableau a
{
	border:none;
	text-decoration:none; 
}
/**********************/

div#Formation .btnReturn
{
	margin: 10px 0 15px 10px; 
	text-transform:uppercase;  
	width :510px;
	display:block;   
	text-align:center ;
	color:#0B5699;
	font-weight :bold; 
}
div#Formation .btnShowResult
{
	text-transform:uppercase;  
	color:#FF8400;/*0B5699;*/
	font-weight :bold; 
}
div#Formation .RadioButton
{
	margin: 5px 0 5px 15px;
	padding: 0 0 0 0;
}
div#Formation .RadioButton_List
{
    clear: left;
	margin: 2px 0 0 27px;
	padding: 0 0 0 0;
	display:block;  
}

div#Formation .RadioButton_List input
{
    display:block;
    float:left;
    height:15px;
    margin:0;
    padding:0;
    width:20px;
}

div#Formation .RadioButton_List label
{
    display: block;
    text-transform: lowercase;
    width: 230px;    
}

div#Formation .RadioButton_List label:first-letter
{
    text-transform: uppercase;
}

div#Formation .CheckBox
{
	margin: 0 0 0 27px;
	padding: 0 0 0 0;
	display:block; 
}


/******************/
/*TABLEAU RESULTAT*/
table#Tableau_Resultat
{
	margin:10px 10px 20px 0;
	background-color :#BFBFBF; 
}
table#Tableau_Resultat caption
{
	text-align :left; 
	background-image:url(images/fleche_suite.gif);
	background-repeat:no-repeat ;
	background-position: 0px 3px;
	padding: 0 0 6px 12px;
	margin: 0 0 0 0;  
	caption-side:top; 
}

table#Tableau_Resultat th
{
	background-color:#FFF;
	text-transform:uppercase;
	text-align:center;  
	font-weight:bold ; 
}

table#Tableau_Resultat td.col1
{
	background-color:#FFF;
	font-weight :normal;
	padding : 2px 2px 2px 2px;
}
table#Tableau_Resultat td.col1 a
{
	background-color:#FFF;
	font-weight :normal; 
	text-decoration:underline;
	color :#0B5699; 
}
table#Tableau_Resultat td.col2
{
	background-color:#FFF;
	font-weight :normal; 
	text-transform:uppercase; 
	text-align:center; 
	padding : 2px 2px 2px 2px;
}
table#Tableau_Resultat td.col3
{
	background-color:#FFF;
	font-weight :bold;
	text-align:center; 
	text-transform:uppercase; 
	padding : 2px 2px 2px 2px;
}
table#Tableau_Resultat td.col4
{
	background-color:#FFF;
	font-weight :normal;
	text-align:center; 
	text-transform:uppercase;  
	padding : 2px 2px 2px 2px;
}

.Grid
{
    margin:10px 10px 20px 0;
	background-color :#BFBFBF; 
}
.Grid caption
{
	text-align :left; 
	background-image:url(images/fleche_suite.gif);
	background-repeat:no-repeat ;
	background-position: 0px 3px;
	padding: 0 0 6px 12px;
	margin: 0 0 0 0;  
	caption-side:top; 
}
.Grid th
{
    background-color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
.Grid td
{
	background-color:#FFF;
	font-weight :normal;
	text-align:center; 
	text-transform:uppercase;  
	padding : 2px 2px 2px 2px;
}
.Grid td a
{
	background-color:#FFF;
	font-weight :normal; 
	text-decoration:underline;
	color :#0B5699; 
}
/*TABLEAU RESULTAT*/
/******************/

div#Formation .BlockContenaire
{
	background-image :url(images/onglet_content_top.gif);
	background-repeat:repeat-x ; 
	width:550px;
}
div#Formation .BlockContenaire_Content
{
	background-image :url(images/onglet_content_top.gif);
	background-repeat:repeat-x ; 
	/*background-color:Transparent;*/  
	padding-top:10px; 
	display:block;
	float:left;    
	width:390px;
	
}
div#Formation .BlockContenaire_Menu
{
	display:block;
	float:right;  
	width:150px; 
}

.BlockContenaire h3
{
	background-image:url(images/fleche_suite.gif);
	background-repeat:no-repeat ;
	background-position: 0px 3px;
	padding: 0 0 0 14px; 
	margin: 8px 0 5px 0;
}
div#Formation .BlockContenaire_Content p
{
	margin : 0 0 0 0;
	padding : 0 0 0 15px;
}
div#Formation_right_col .BlockContenaire_Content a
{    
    color:#0B5699;
    text-decoration:'underline'; 
}
div#Formation_right_col .BlockContenaire_Content ul
{    
    margin: 0 0 0 0;
    padding: 0 0 0 15px;
    list-style-type:none;  
}

div#Formation ul.avoiraussi
{
	padding: 0 0 0 0;
	margin: 0 5px 5px 0;
	list-style-type:none; 
}
div#Formation ul.avoiraussi li
{
	background-image: url("images/folder.gif");
	background-repeat:no-repeat;
	background-position:0 1px;  
	padding-left:20px;   
}
div#Formation ul.avoiraussi li a 
{
	text-transform:lowercase;  
    color:#0B5699;
    text-decoration:underline; 

}
div#Formation ul.avoiraussi li a:hover
{
	color:#000; 
}
div#Formation ul.avoiraussi li a:visited
{
	color:#5C5C5C; 
}
div#Formation a.avoiraussi_autre
{
	text-transform:lowercase;  
    color:#0B5699;
    text-decoration:none; 
    display:block;  
    margin: 0 0 15px 10px;
}
div#Formation a.avoiraussi_autre:hover
{
	color:#000; 
}
div#Formation p.listeorganisme
{
	margin: 0 0 10px 0;
	padding:0 0 0 20px;
}
div#Formation p.listeorganisme a 
{
    display:block;
    width:100%;   
    color:#0B5699;
}

div#Formation p.listeorganisme a:hover
{
	color:#000; 
	background-color: #EAF1F6;
}

ul.listeorganisme
{
    margin:0;
    padding-left:20px;
}

ul.listeorganisme li
{
    background-image:url(images/puce_liste.jpg);
    background-position:0 6px;
    background-repeat:no-repeat;
    list-style-type:none;
    margin-bottom:5px;
    padding:0 0 0 12px;
}


ul.listeorganisme li a 
{
    display:block;
    color:#0B5699;
    text-transform:lowercase;
    font-size:12px;
	width:100%;  
}

ul.listeorganisme li a:hover
{
	color:#000; 
	background-color: #EAF1F6;
	display:block;
	width:100%;  
}

.listeorganisme a:first-letter
{
    text-transform:uppercase;
}



div#Formation p.listeorganisme a.lienOrga
{
	color:#000;
	margin-top:10px;
}

div#Formation p.adresse
{
	margin: 0 0 10px 0;
	padding:0 0 0 20px;
}
div#Formation p.adresse a
{
    color:#0B5699;
    text-decoration :none;
}
div#Formation p.adresse a:hover
{
	color:#000; 
}

div#Formation p.diplome
{
	margin: 0 0 10px 0;
	padding:0 0 0 20px;
}
div#Formation p.diplome a
{
    color:#0B5699;
}
div#Formation p.diplome a:hover
{
	color:#000; 
}


/***/
div.block_recherche_left
{
	display:block;
	width:277px;
	margin: 0 0 0 0;
	padding :5px 0 0 0;  
	background : url(images/formation_cadre1.gif) left top no-repeat;	 
}
div.block_recherche_left_bottom
{
	display:block;
	background : url(images/formation_cadre1.gif) left bottom no-repeat;
	margin: 0 0 0 0;
	padding :0 0 0 0;  
    width: 277px;	
}
div.block_recherche_left_bottom p
{
	margin-top:0px;
	margin-bottom:4px;  
	margin-left:5px;
	margin-right:0px;
	font-size:12px; 
	text-transform:capitalize;    
}

div.block_recherche_left_bottom p span
{
	color:#C40005;
	font-weight:bold; 
}

.chkDIF
{
	margin-left :27px;
	margin-right:10px;
	margin-bottom:5px;  
	display:block;  
}


ul.liste_diplome
{
	/*padding: 0 0 0 0;
	margin: 0 5px 15px 10px;
	padding-left:15px;*/
	margin:0px;
	padding-left:10px;
	list-style-type:none; 
}
ul.liste_diplome li
{
	/*background-image: url("images/folder.gif");
	background-repeat:no-repeat;
	background-position:0 1px;  */
	padding-left:20px;  
	font-size:12px;
	margin-bottom:1px;  
}
ul.liste_diplome li a 
{
	color:#0B5699;
    text-decoration:underline; 
	font-size:12px; 
}
ul.liste_diplome li a:hover
{
	color:#000; 
}
ul.liste_diplome li a:visited
{
	color:#5C5C5C; 
}
