@charset "UTF-8";
/*---------------------------------------------------------------
                         Style général
----------------------------------------------------------------*/

/*Chargement des police de caratère*/

@font-face {

font-family: 'anivers';
src: url('fonts/mntAniver.woff');	

font-family: 'flanklin';
src: url('fonts/mntfranklin.woff');	

font-family: 'georgia';
src: url('fonts/Georgia.woff');	

}

.width_20 {width:20px;}/* utilisé dans : Recherche [id] */ 
input.width_50 {width:50px;}/* utilisé dans : */ 
.width_60 {width:60px;}/* utilisé dans : */ 
.width_70 {width:70px;}/* utilisé dans : */ 
.width_80 {width:80px;}/* utilisé dans : */ 
.width_90 {width:90px;}/* utilisé dans : */ 
.width_100 {width:100px;}/* utilisé dans :*/
.width_110 {width:110px;}/* utilisé dans :*/ 
.width_120 {width:120px;}/* utilisé dans :*/
.width_130 {width:130px;}/* utilisé dans :*/ 
.width_140 {width:140px;}/* utilisé dans :*/ 
.width_150 {width:150px;}/* utilisé dans :*/ 
.width_160 {width:160px;}/* utilisé dans :*/
.width_170 {width:170px;}/* utilisé dans :*/  
.width_180 {width:180px;}/* utilisé dans :*/ 
.width_200 {width:200px;}/* utilisé dans :*/
.width_320 {width:320px;}/* utilisé dans :*/ 
.width_600 {width:600px;}/* utilisé dans :*/
.width_700 {width:700px;}/* utilisé dans :*/ 
.width_750 {width:750px;}/* utilisé dans :*/ 
.width_770 {width:770px;}/* utilisé dans :*/  
.width_800 {width:800px;}/* utilisé dans :*/
.width_810 {width:810px;}/* utilisé dans :*/
.width_795 {width:795px;}/* 810 - 15 de penddin left :*/


.ombrage { box-shadow: 0px 0px 15px 0px rgba(117, 117, 117, 0.36);
-moz-box-shadow: 0px 0px 15px 0px rgba(117, 117, 117, 0.36);
-webkit-box-shadow: 0px 0px 15px 0px rgba(117, 117, 117, 0.36); }

.bordure_horizontale_pointille {
	position:relative;
	height:1px;
	border-bottom:1px dotted #999999;
	margin:0px;
	padding:0px;
}

.marge_none  { 
margin:0;  
padding:0;
}

/*---------------------------------------------------------------
                      Corps de la page
----------------------------------------------------------------*/
body, html, img{ 
margin:0;  
padding:0;
border:none
}

body {
	background:url("../img/bg_page_candidat.jpg");
	background-repeat: repeat;
	width:100%;
	height:auto;
	margin:auto;
	font-family:anivers, Helvetica ;
	font-size:14px;
	color:#FFFFFF
}


/*---------------------------------------------------------
                       bande bleu  
---------------------------------------------------------*/
.bande_bleu {
	position:relative;
	width:100%;
	height:50px;
	margin:auto;
	background-color:#233669;
}

/*---------------------------------------------------------
                       bacground  
---------------------------------------------------------*/
.background {
	background-image:url("../img/bg_page_interieur.jpg");
	background-repeat:no-repeat;
	min-height:620px;
	width:100%;
	background-color:#FFF
}



/*---------------------------------------------------------
                bacground Bloc bas accueil
---------------------------------------------------------*/

.background_bas_caccueil {
	background-image:url("../img/bg_corps_acceuil.jpg");
	background-repeat:repeat-x;
	background-position:center;
	width:100%;
	height:450px;
}


/*---------------------------------------------------------
                    Entête de page 
---------------------------------------------------------*/
.header {
	position:relative;
	width:980px;
	height:150px;
	margin:auto;
	top:-50px;
	margin-bottom:15px;
}

/*---------------------------------------------------------
                 Menu de navigation  
---------------------------------------------------------*/


nav {
	position: absolute;
	top:0px;
	width:100%;
	height:50px;
	margin:auto;
	z-index:20000;
	font-size:12px
}


nav ul, nav li {
	list-style:none;
}

	
nav ul {
	display:block;
	margin: auto;
	padding:0px;
	height:inherit;
	float:right

	
}

nav li {
	display:block;
	padding:0px 15px 0px 15px;
	width:auto;
	float:left;
	height:50px;
	border-right:1px solid #1d2e5a;
}


nav li.bordure_gauche {
	border-left:1px solid #1d2e5a;
}

nav li:hover {
	background-image:url("../img/bg_menu_hover.jpg"); 
	background-repeat:repeat-x;
}


nav li a {
	display:block;
	width: auto;
	line-height:50px;
	font-weight:bold;
	font-size:10px;
	font-family:anivers;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
}

nav li a:hover {
	color:#22badf;
}

nav li a.actif {
	color:#04B8DE;
	background-image:url("../img/bg_actif.jpg");
	background-repeat:repeat-x;
}

nav li.langue img {
float:left;
text-align:left;
margin-top:15px;
margin-right:5px;
width:17px;
height:16px;
}
nav li.langue a{
	float:left;
text-align:right;

}

/*---------------------------------------------------------
                        logo 
---------------------------------------------------------*/

.logo {
	position:absolute;
	left:0px;
	top:35px;
	width:366px;
	height:170px;
}

/*---------------------------------------------------------
                   lien accès espaces 
---------------------------------------------------------*/
.bloc_lien_espace {
	position:absolute;
	top:50px;
	right:0px;
	background-color:#22badf;
	height:45px;
	line-height:45px;
	border-radius:0px 0px 15px 15px;
	width:400px;
}

.bloc_lien_espace a {
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	width: 198px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#FFF;
	float:left;
	margin-top:8px;
}

.bloc_lien_espace a:hover {
	color:#233669;
}

.border_espace {
border-right: 1px solid #ffffff;	
}

/*---------------------------------------------------------
              formulaire recherche  
---------------------------------------------------------*/

.recherche {
	position:absolute;
	top:130px;
	right:10px;
	width:210px;
	height:28px;

}


.recherche  input[type="text"] {
    background-color: #FFFFFF;
    border: none;
	width:175px;
	height:27px;
	background: #f1f2f4;
	border-radius:5px 0px 0px 5px;
	float:left;
	margin:0px;
	padding-left:5px
	
}

.recherche input:focus {
	border:none;
	box-shadow:none}
	
	
.recherche  input[type="submit"] {
    background-color: #FFFFFF;
    border: none;
	width:28px;
	height:28px;
	background: #5f6062;
	background-image:url("../img/icone_search.png");
	background-repeat:no-repeat;
	border-radius:0px 5px 5px 0px;
	float: left;
	margin:0px;
	padding:0px;
	top:0px;
	cursor:pointer
}


/*--------------------------------------------------------
                 slider images rond 
---------------------------------------------------------*/


.bloc_slider_rond {
	position:relative;
	width:900px;
	height:253px;
	display:block;
	margin: auto;
	margin-top:-25px;
	padding-left:80px;
}

.bloc_slider_rond a {
	text-decoration:none;
}

.slider_rond {
	position:relative;
	float:left;
	width:264px;
	height:253px;
	margin-left:-45px;
	display:block;
	cursor:pointer;
}

 img.back {
	width:264px;
	height:253px;
	top:0px;
	left:0px;
	z-index:3;
	display:none;
}
 img.front{
	position:absolute;
	width:264px;
	height:253px;
	top:0px;
	left:0px;
	z-index:2;
}

.slider_rond_description {
	display:block;
	width:264px;
	height:253px;
	top:0px;
	left:0px;
	z-index:1;
	margin:auto;
	background-image: url("../img/back.png");
	background-repeat:no-repeat;
	background-position: center center;
	cursor:pointer;
	
}

.slider_rond  p {
	position:absolute;
	display:block;
	font-family:anivers, Helvetica, Arial, sans-serif;
	font-size:26px;
	left:50%;
	margin-left:-80px;
	color:#FFF;
	width:160px;
	height:90px;
	top:40px;
	text-align:center
}

/*--------------------------------------------------------
                  Réseau sociaux 
---------------------------------------------------------*/
.bloc_resaux_sociaux {
	position:relative;
	width:984px;
	line-height:35px;
	height:35px;
	display:block;
	margin: auto;
	margin-top:50px;
	margin-bottom:15px;
}

.bloc_resaux_sociaux  span {
	color:#C03;
	font-weight:bold;
}
.resaux_sociaux{
	position:relative;
	width:400px;
	line-height:35px;
	height:35px;
	display:block;
	float:right;
	text-align:right;
	color:#233669;
	font-size:15px
}
.resaux_sociaux img { vertical-align:middle;}
.resaux_sociaux a{
	position:relative;
}
.resaux_sociaux_margin {
	margin-right:5px;
}


/*--------------------------------------------------------
               Réseau sociaux public
---------------------------------------------------------*/

.resaux_sociaux_public{
	position: absolute;
	width:400px;
	line-height:35px;
	height:35px;
	display:block;
	right:0px;
	top:140px;
	text-align:right;
	color:#233669;
	font-size:15px
}

.resaux_sociaux_public img { vertical-align:middle;}
.resaux_sociaux_public a{
	position:relative;
}



/*--------------------------------------------------------
               Réseau sociaux espace 
---------------------------------------------------------*/

.resaux_sociaux_espace{
	position: absolute;
	width:400px;
	line-height:35px;
	height:35px;
	display:block;
	right:0px;
	top:80px;
	text-align:right;
	color:#233669;
	font-size:15px
}

.resaux_sociaux_espace img { vertical-align:middle;}
.resaux_sociaux_espace a{
	position:relative;
}

/*--------------------------------------------------------
                     slider texte 
---------------------------------------------------------*/

.conteneur_bloc_slider_text {
	position: absolute;
	width:984px;
	height:460px;
	display:block;
	margin: auto;
	margin-top:-64px;
	left: 50%;
	margin-left:-492px;
}

.conteneur_onglet_slider_text {
	position:relative;
	width:984px;
	height:66px;
	display:block;
	margin: auto;
}


.onglet_slider_text {
	position:relative;
	display:block;
	width:196px;
	height:55px;
	margin: auto;
	float:left;
	padding-top:11px
}

.onglet_slider_text a  {
	display:block;
	width:176px;
	height:35px;
	padding:10px;
	color:#FFF;
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none
}

._border {
	border-left: 1px solid #e2e2e2;
}

.onglet_div_actif_gauche {
	background-color:#233669;
	-moz-border-radius: 20px 0px 0 0 ;
	-webkit-border-radius:20px 0px 0 0; 
	border-radius:20px 0px 0 0 ;
}

.onglet_div_actif_milieu {
	background-color:#233669;
}

.onglet_div_actif_droit {
	background-color:#233669;
	-moz-border-radius: 0px 20px 0 0 ;
	-webkit-border-radius:0px 20px 0 0 ; 
	border-radius:0px 20px 0 0;
}

.fleche_actif  {
	position:absolute;
	width:58px;
	height:19px;
	background-image:url("../img/fleche_onglet_actif.png");
	background-repeat:no-repeat;
	left:50%;
	margin-left:-29px;
	bottom:-18px
}


.onglet_a:hover {
	background-color:#4468be;
}

.onglet_a {
	background-color:#22badf;
}
.onglet_a_actif {
	background-color:none;
	
}


.texte_slider {
	position:relative;
	width:630px;
	height:100px;
	float:left;
	overflow:hidden;
	margin-left:20px
}

.img_slider {
	width:984px; 
	height:270px; 
	position:relative;
	float:left; 
	overflow:hidden
}

.img_slider h1 {
	font-family:flanklin, Helvetica, Arial, sans-serif;
	font-size:32px;
	color:#233669;
	padding-top:20px;
	margin-bottom:20px;
}

.img_slider p {
	margin:0px;
	padding:0px;
	line-height:normal;
	color:#333;
	font-size:18px
}

.img_slider a {
	position:absolute;
	right:20px;
	bottom:30px;
	display:block;
	width:190px;
	height:32px;
	line-height:32px;
	color:#22badf;
	font-family:flanklin, Helvetica, Arial, sans-serif;
	font-size:16px;
	text-decoration:none;
	font-weight:bold
}

.img_slider a img {
	border:none;
	vertical-align:middle
}


.img_slider a:hover{
	color:#af0a11
}

/*--------------------------------------------------------
          Contenueur bloc reference 
---------------------------------------------------------*/

.conteneur_bloc_reference  {
	width:100%;
	background:rgb(240, 240, 240) none repeat scroll 0% 0%;
	height:120px;
	padding-top:5px;
	position:relative;
	border-top:1px solid #BBB;
	border-bottom:1px solid #BBB;
	box-shadow: 0px 0px 5px 0px rgba(117, 117, 117, 0.65);
	-moz-box-shadow: 0px 0px 5px 0px rgba(117, 117, 117, 0.65);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(117, 117, 117, 0.65); 

}

.conteneur_bloc_dernieres_offres  {
	position: relative;
	width:940px;
	height:85px;
	display:block;
	margin: auto;
	margin-top:20px;
	padding-top:15px;
}


.bloc_dernieres_offres
{
	position:relative;
	width:250px;
	height:85px;
	display:block;
	float:left;
	border-right:1px #333 dotted;
}

.bloc_conseils_aux_candidats
{
	position:relative;
	width:450px;
	height:150px;
	display:block;
	float:left;
	margin-right:5px;
	padding-right:5px;
	border-right:1px #333 dotted;
}


.bloc_references
{
	width:1080px;
	height:130px;
	margin:auto;
	display:block;
	position:relative;

}
.reference
{
	float:left;
	margin:4px;
	border:1px solid #AAA;
	background-color:#FFF; 
}

.reference:hover
{
	float:left;
	margin:4px;
	cursor:pointer;
	border:1px solid #233669;
	box-shadow: 0px 0px 10px 0px rgba(117, 117, 117, 0.8);
	-moz-box-shadow: 0px 0px 10px 0px rgba(117, 117, 117, 0.8);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(117, 117, 117, 0.8); 
}

.reference img
{
	width:94px; 
	height:45px;
}

.bloc_offres
{
	position:relative;
	width:455px;
	height:125px;
	display:block;
	float:left;
}
.conteneur_liste_offres
{
	position:relative;
	width:445px;
	height:95px;
	display:block;
	margin:5px;
	border-top: 1px dotted #233669;
}

.conteneur_liste_offres a
{
	text-decoration:none;
	text-transform:uppercase;
	color:#233669;
	font-size:12px;
	float:left;
	width:500px;
	padding:5px;
}

.conteneur_liste_offres a:hover
{
	background:#E7E7E7;
	color:#af0a11;
}

.entete_reference{
	width:250px;
	padding:5px;
	color:#FFF;
	border-radius:5px 5px 0px 0px;
	background-color:#233669;
	margin:auto;
	display:block;
	position:relative;
	margin-bottom:-2px;
	text-align:center;
	box-shadow: 0px 5px 5px 0px rgba(117, 117, 117, 0.65);
	-moz-box-shadow: 0px 5px 5px 0px rgba(117, 117, 117, 0.65);
	-webkit-box-shadow: 0px 5px 5px 0px rgba(117, 117, 117, 0.65); 
}

.bloc_conseils_aux_candidats h1, .bloc_references h1, .bloc_offres h1{
	color:#233669;
	font-family:flanklin, Helvetica, Arial, sans-serif;
	font-size:16px;
	width:100%;
	height:auto;
	margin:0px;
	margin-left:5px;
	margin-bottom:5px;
	display:block;
	text-transform:uppercase;
	text-align:left;
}

.conseils_aux_candidats{
	color:#233669;
	font-size:12px;
	display:block;
	margin:5px;
	height:95px;
	border-top: 1px dotted #233669;
}
.bloc_conseils_aux_candidats p{
	margin:2px;
	padding:0;
}

.bloc_conseils_aux_candidats a.en_savoir_plus , .bloc_offres a.en_savoir_plus{
	color:#22badf;
	text-decoration:none;
	text-transform:none;
	float:right;
	margin-right:30px;
	height:20px;
	display:block;
	vertical-align:middle;

}

.bloc_conseils_aux_candidats a.en_savoir_plus:hover , .bloc_offres a.en_savoir_plus:hover{
	color:#af0a11;
	font-weight:bold;
	font-size:11px;
}

.bloc_conseils_aux_candidats a img , .bloc_offres a img
{
	margin:0;
	padding:0;
	vertical-align:middle;
}

/* ----------------------------------------------------------------
                BLOC PAGE CANDIDATS (GABARI PAGE)
 ------------------------------------------------------------------ */
.body_page_candidat {
	position:relative;
	width:990px;
	min-height:620px;
	height:auto;
	margin:auto;
	overflow:hidden;
	border:1px solid #CCC;
	background-color:#FFF;
	color:#222;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px
}


.body_page_candidat fieldset {
	border:1px solid #CCC;
	margin-bottom:30px;
	padding:20px;
}

.body_page_candidat fieldset h1 {
	font-size:14px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
	height:21px;
	line-height:21px;
	margin-bottom:20px;
}

.body_page_candidat fieldset h1 span {
	display:block;
	float:left;
	height:21px;
	width:21px;
	line-height:21px;
	text-align:center;
	color:#FFF;
	margin-right:20px;
	background-color:#15bae0
}

.description_espace {
	display:block;
	margin:5px;
	margin-bottom:30px;
	line-height:16px;
}


.body_page_candidat fieldset a.valider {
	display:block;
	height:30px;
	width:190px;
	line-height:30px;
	text-align:center;
	color:#FFF;
	margin-right:20px;
	background-color:#233669;
	font-weight:bold;
	text-decoration:none;
	float:left;
	font-size:12px;
	font-family: Helvetica, Arial, sans-serif;
}

.body_page_candidat fieldset a.valider_ {
	display:block;
	height:30px;
	width:190px;
	line-height:30px;
	text-align:center;
	color:#FFF;
	margin-right:20px;
	background-color:#233669;
	font-weight:bold;
	text-decoration:none;
}
.body_page_candidat fieldset a.validation {
	display:block;
	height:30px;
	width:80px;
	text-align:center;
	color:#FFF;
	margin-right:10px;
	background-color:#233669;
	font-weight:bold;
	text-decoration:none;
}


.body_page_candidat fieldset a.valider_2 {
	display:block;
	height:22px;
	width:90px;
	line-height:22px;
	text-align:center;
	color:#FFF;
	background-color:#233669;
	font-weight:bold;
	text-decoration:none;
	float:left;
	margin-right:15px
}


.body_page_candidat fieldset input[type="submit"].valider {
	display:block;
	height:30px;
	width:160px;
	line-height:30px;
	text-align:center;
	color:#FFF;
	margin-right:20px;
	background-color:#233669;
	font-weight:bold;
	text-decoration:none;
	border:none;
	font-size:12px;
	font-family: Helvetica, Arial, sans-serif;
}
.bloc_article input[type="submit"].valider {
	display:block;
	height:30px;
	width:auto;
	line-height:30px;
	text-align:center;
	color:#FFF;
	margin-right:20px;
	background-color:#233669;
	font-weight:bold;
	text-decoration:none;
	border:none;
	font-size:12px;
	font-family: Helvetica, Arial, sans-serif;
}

.body_page_candidat fieldset table a.validation {
	display: block;
	float:left;
    height: 30px;
    width: 160px;
    line-height: 30px;
    text-align: center;
    color: #FFF;
    margin-right: 20px;
    background-color: #233669;
    font-weight: bold;
    text-decoration: none;
    border: none;
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
}


.body_page_candidat fieldset input[type="text"].width_50 {
	width:100px;
}

.body_page_candidat .form_champ a.valider_ {
	display:block;
	height:30px;
	min-width:250px;
	line-height:30px;
	text-align:center;
	color:#FFF;
	padding-left:20px;
	padding-right:20px;
	margin-right:20px;
	float:right;
	background-color:#233669;
	font-weight:bold;
	text-decoration:none;
}

/*---------------------------------------------------------
               ESPACE CADIDAT / ENTREPRISES
---------------------------------------------------------*/
.bloc_titre_espace {
	display:block;
	position:absolute;
	top:165px;
	right:-5px;
	width:205px;
	height:50px;
	line-height:50px;
	background-color:#233669;
	color:#FFF;
	text-align:center

}

/* ----------------------------------------------------------------
               MENU VERTICAL ESPACE
 ------------------------------------------------------------------ */
.bloc_menu_espace {
	position:absolute;
	float:left;
	left:0px;
	display:block;
	width:215px;
	height:100%;
	background-color:#E7E7E7;
}


.bloc_menu_espace a {
	display:block;
	width:190px;
	height:56px;
	color:#939393;
	font-size:15px;
	padding-left:25px;
	line-height:56px;
	text-decoration:none;
}

.bloc_menu_espace a.actif {
	line-height:25px;
	text-transform:uppercase;
	color:#233669;
	margin-top:10px;
}

.bloc_menu_espace a:hover {
	color:#d5d6d8;
}

.menu_actif  {
	display:block;
	margin-top:10px;
	float:right;
	right:0px
}

.separation_menu  {
	position:relative;
	width:190px;
	height:1px;
	display:block;
	background-color:#939393;
	margin:auto
}

/* ----------------------------------------------------------------
                ARTICLE ESPACE
 ------------------------------------------------------------------ */
.bloc_article_espace {
	position:relative;
	width:730px;
	height:auto;
	min-height:inherit;
	margin-top:20px;
	float:right;
	right:25px;
	display:block;
}

.bloc_article_espace h1 {
	font-size:19px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#20356b;
	text-transform:uppercase;
	margin-bottom:30px;
}

/* ----------------------------------------------------------------
                TABLEAU DE BORD
 ------------------------------------------------------------------ */
.bloc_tableau_de_bord {
	position:relative;
	float:left;
	width:355px;
	height:180px;
	display:block;
}


.bloc_tableau_de_bord_cv {
	position:relative;
	width:100%;
	height:250px;
	display:block;
	
}

.separation_verticale {
	position:relative;
	float:left;
	width:1px;
	height:150px;
	display:block;
	background-color:#ccc;
	margin-right:2px;
	margin-left:2px;
}

.separation_horizontale {
	position:relative;
	float:left;
	width:335px;
	height:1px;
	display:block;
	background-color:#ccc;
	margin-top:0px;
	margin-bottom:2px;
}

.photo_condidat  {
	position:relative;
	display:block;
	float:left;
	padding:5px;
	width:100px;
	height:120px;
	border:1px solid #CCC
	}

.photo_condidat_cv {
	position:relative;
	display:block;
	float:left;
	left:30px;
	top:30px;
	padding:5px;
	width:150px;
	height:180px;
	border:1px solid #233669
	}
	
	
.conteneur_bloc_tableau_de_bord {
	height:auto; 
	overflow:hidden;
	margin-bottom:20px;
	}

._hauteur {
	height:180px;
}

._hauteur_cv {
	height:140px;
}
	
.conteneur_bloc_cv {
	position:relative;
	height:auto; 
	overflow:hidden;
	margin-right:20px;
	margin-left:15px;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:15px;
	border:1px solid #233669;
	margin-bottom:35px;
	}
	
	
.bloc_ { 
	position: absolute;
	display:block;
	right:10px;
	bottom:2px;
	width:210px;
	}
	
.bloc_2 {
	position: absolute;
	display:block;
	right:0px;
	width:300px;
	}
.bloc_hauteur { height:125px; bottom:50px}

.bloc_hauteur_2 { height:175px; bottom:0px}
.nom_ {
	font-weight:bold;
	font-size:13px
	}
	
.nom_cv {
	font-weight:bold;
	font-size:24px;
	color:#233669
	}	


.bloc_cv {
	position: absolute;
	display:block;
	right:10px;
	top:30px;
	width:410px;
	height:200px;
	}	

.bloc_cv_2 {
	position: absolute;
	display:block;
	right:10px;
	bottom:2px;
	width:110px;
	height:125px;
	}	

.competences_cv {
	position: relative;
	display:block;
	padding:10px;
	height:auto;
	width:90%;
	margin:auto;
	margin-top:20px;
	background-color:#bdd8f9;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	border:1px solid #233669
	}

.elements_cv {
	position: relative;
	display:block;
	height:auto;
	width:93%;
	margin:auto;
	text-align:left;
	overflow:hidden;

	}

.elements_cv div {
	position: relative;
	display:block;
	float:left;
	height:auto;
	margin:auto;
	text-align:left;
	overflow:hidden;

	}
	
.elements_cv div.libelle {
	position:absolute;
	float:left;
	height:100%;
	background-color:#233669;
	min-height:25px;
	line-height:25px;
	padding-left:15px;
	color:#FFF;
	width:220px;
	}
	
	
.elements_cv div.valeur	 {
	position:relative;
	text-align:left;
	float:right;
	min-height:25px;
	line-height:25px;
	width:390px;
	}
	
.elements_cv div.valeur	span {
	vertical-align:middle;
	display:inline-block;
	line-height:1.2;
	text-align:justify
}
	
.titre_rubriques_cv {
	position: relative;
	padding-bottom:3px;
	height:auto;
	width:93%;
	margin:auto;
	text-align:left;
	font-size:20px;
	color:#233669;
	border-bottom:1px dotted #233669;
	overflow:hidden
	}
	
.info_connect_ {
	font-size:12px;
	color:#666666;
	}
	
.nom_cv_physique {
	display:block;
	margin-bottom:11px;
	color:#999;
	font-weight:bold;
	height:10px;
	}
	
.info_ {
	font-size:12px;
	color:#000
	}

		
.lien_photo_ a {
	font-size:11px;
	color:#15bae0;
	font-weight:bold;
	text-decoration:none;
	}

.lien_photo_ a:hover {
	color:#233669;
	}
	
	
.lien_arlerte {
	display:block;
	height:30px;
	width:190px;
	line-height:30px;
	text-align:center;
	color:#FFF;
	background-color:#233669;
	text-decoration:none
	}
	
	
.icone_  img {	 vertical-align:middle; }
/* ----------------------------------------------------------------
                MARGES SEPARATION TABLEAU DE BORD
 ------------------------------------------------------------------ */
 
.icone_bloc {
	display:block;
	position:absolute;
	top:20px;
	left:8px
	}
	
	
	
/* ----------------------------------------------------------------
                MARGES SEPARATION TABLEAU DE BORD
 ------------------------------------------------------------------ */
.marge_left {margin-left:20px;}
.marge_top { margin-top:20px; }
.marge_right { margin-right:20px; }

/* ----------------------------------------------------------------
                 MENU ETAPES CV 
 ------------------------------------------------------------------ */
.menu_etape_cv  {
	width:742px;
	height:45px;
	margin-bottom:30px; 
	margin-top:10px
	}
	
.menu_etape_cv  a {
	position:relative;
	display:block;
	height:45px;
	color:#FFF;
	text-decoration:none;
	float:left;
	line-height:45px;
	font-weight:bold;
	font-size:12px;
	
	}
	
.menu_etape_width_1 {
	width:145px;
	}
.menu_etape_width_2 {
	width:150px;
	padding-left:15px;
	}
	
.menu_etape_cv a  span {
	vertical-align:middle;
	display:inline-block;
	line-height:1.2;
	padding:0px 10px 0px 10px;	
}
	
.menu_etape_cv a div {
	display:block;
	width:27px;
	height:27px;
	color:#FFF;
	position:absolute;
	top:37px;
	left:40px;
	background-image:url("../img/icone_cercle_etape.png");
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	text-align:center;
	line-height:27px
	}
	
.bg_etape_1  {
	background-image:url("../img/bg_menu_etage_cv.png");
	background-repeat:no-repeat;
	background-position:0px -4px
	}

.bg_etape_2  {
	background-image:url("../img/bg_menu_etage_cv.png");
	background-repeat:no-repeat;
	background-position:0px -54px
	}
	
.bg_etape_3  {
	background-image:url("../img/bg_menu_etage_cv.png");
	background-repeat:no-repeat;
	background-position:0px -104px
	}
	
	
.bg_etape_4  {
	background-image:url("../img/bg_menu_etage_cv.png");
	background-repeat:no-repeat;
	background-position:0px -154px
	}

.bg_etape_5  {
	background-image:url("../img/bg_menu_etage_cv.png");
	background-repeat:no-repeat;
	background-position:0px -200px
	}
	
	
/* ----------------------------------------------------------------
                    TITRES ETAPES CV 
 ------------------------------------------------------------------ */	
 
.titre_etape  {
	display:block;
	height:35px;
	line-height:35px;
	}	
	
	
.titre_etape span {
	display:block;
	float:left;
	width: auto;
	text-align:center;
	color:#FFF;
	margin-right:20px;
	background-color:#cbcbcd;
	text-transform:none;
	font-size:18px;
	height:35px;
	line-height:35px;
	padding:0px 35px 0px 25px; 
	}	
	
	
/* ----------------------------------------------------------------
                    AFFICHAGE EN LISTE CV 
 ------------------------------------------------------------------ */	
	
	
.bloc_titre_liste {
	display:block;
	height:36px;
	line-height:36px;
	border-bottom:1px dotted #CCCCCC;
	border-top:1px dotted  #CCC;
	margin-bottom:15px;
	margin-top:15px;
	padding:10px 0px 10px 0px
	}
	
	
.bloc_titre_liste h1 {
	font-size:14px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#000;
	text-transform:uppercase;
	padding:0px;
	margin:0px;
	}

.bloc_titre_liste span {
	vertical-align:middle;
	display:inline-block;
	line-height:1.2;
	text-align:justify
	}	
	

.bloc_titre_liste  div.libelle  {
	float:left;
	height:36px;
	width:470px;
	line-height:36px;
	font-size:16px;
	font-weight:bold;
}

.bloc_titre_liste  div.action  {
	float:left;
	width:210px;
	padding-top:7px;
	height:auto;
}

.bloc_titre_liste  a.bleu  {
	font-weight:bold;
	text-transform:uppercase;
	line-height:10px;
	text-decoration:none;
}

.bloc_titre_liste  div.libelle p {
	display:block;
	float:left;
	height:21px;
	width:21px;
	line-height:21px;
	text-align:center;
	color:#FFF;
	margin-right:10px;
	background-color:#15bae0;
	margin-top:5px
}

.bloc_element_liste {
	display:block;
	height: auto;
	margin-bottom:15px;
	margin-top:15px;
	padding:10px 0px 10px 0px;
	overflow:hidden;
	text-align:justify
}

.bloc_element_liste div.libelle  {
	float:left;
	height:auto;
	width:420px;
	text-align:justify;
	border-right:1px dotted #CCC;
	padding-right:30px;
	overflow:hidden
}

.bloc_element_liste  div.action  {
	float:left;
	width:210px;
	padding-top:7px;
	padding-left:20px;
	height:auto;
	overflow:hidden
}

/* ----------------------------------------------------------------
                    PAGE INTERIEURE 
 ------------------------------------------------------------------ */

.body_page {
	position:relative;
	width:990px;
	min-height:620px;
	height:auto;
	margin:auto;
	overflow:hidden;
	border:1px solid #CCC;
	background-color:#FFF;
	-moz-border-radius: 20px 0px 0px 0px ;
	-webkit-border-radius: 20px 0px 0px 0px ;
	 border-radius: 20px 8px 0px 0px ;
}


/* ----------------------------------------------------------------
                    MENU PAGE INTERIEURE 
 ------------------------------------------------------------------ */
.bloc_menu {
	position:absolute;
	float:left;
	left:0px;
	display:block;
	width:215px;
	height:100%;
	background-color:#22badf;
	-moz-border-radius: 20px 0px 0px 0px ;
	 -webkit-border-radius: 20px 0px 0px 0px ;
	 border-radius: 20px 0px 0px 0px ;

}


.bloc_menu a.actif {
	
}

.bloc_menu h1 { 
	display:block; 
	width:100%; 
	height:130px;
	padding-top:10px;
	font-size:24px;
	font-weight:normal;
	margin:0px; 
	text-align:center; 
	color:#fff; 
	vertical-align:middle; 
	line-height:50px;
	background-color:#233669;
	-moz-border-radius: 20px 0px 0px 0px ;
	-webkit-border-radius: 20px 0px 0px 0px ;
	 border-radius: 20px 0px 0px 0px ;
	}
	
	
.bloc_menu h1 span {
	vertical-align:middle;
	display:inline-block;
	line-height:1.2;
	padding:0px 10px 0px 10px;
	}
	
.bloc_menu p { width:100%; 	background-color:#22badf; display:block; margin:auto; padding-bottom:30px}
.bloc_menu a, .bloc_menu a.none { display:block; height:30px;  font-size:15px; color:#fff; padding:8px 5px 8px 15px; border-bottom:1px dotted #fff; text-decoration:none;}
.bloc_menu a.none { height:20px}
.bloc_menu a:hover {color:#233669;}


/* ----------------------------------------------------------------
                    BLOC ARTICLES INTERIEUR 
 ------------------------------------------------------------------ */

.bloc_article {
	position:relative;
	width:730px;
	height:auto;
	min-height:inherit;
	margin-top:20px;
	float:right;
	right:25px;
	display:block;
	font-family: Helvetica, Arial, sans-serif;
	color:#333
}

.bloc_article h1 {
	font-size:28px;
	font-weight:bold;
	color:#20356b;
	text-transform:uppercase;
	margin-bottom:30px;
}


.description_page {
	display:block;
	margin:5px;
	margin-bottom:30px;
	font-size:14px;
	line-height:16px;
	color:#999
}

/* ----------------------------------------------------------------
                   DEMANDE DE FORMATION - ajouté par parfait
 ------------------------------------------------------------------ */


.separation{
	border-bottom:1px dotted #ccc;
	margin-left:60px;
	margin-top:20px;
	margin-bottom:20px;
	width:490px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:50px;
}


 .bloc_article .demande_formation {
	width:650px;
	border:1px solid #CCC;
	margin-bottom:30px;
	padding:20px;
	color:#4b5a69;
	font-size:12px;
}
 .bloc_article table.fonction td{
	 vertical-align:middle;
 }
 
 .bloc_article table.fonction th.entete {
	 font-size:16px;
	 height:50px;
	 vertical-align:middle;
	 border-bottom: 1px dotted #233669;
	 padding-right:10px;
	 text-transform:uppercase;

 }
 .bloc_article table.fonction td.libelle {
	 width:300px; 
	 text-align:left;
	
 }
 .bloc_article table.fonction td.libelle:hover {
	 background-color: #233669;
	 cursor:pointer;
	 color:#FFF;
	 font-size:11px;
	 font-weight:bolder;
 }
 .bloc_article table td.selected {
	 background-color: #233669;
	 font-size:11px;
	 font-weight:bolder;
	 cursor:pointer;
	 color:#FFF;	 
 }
 .bloc_article table td.error_color {
	 background-color: #f82d49;
	 font-size:11px;
	 font-weight:bolder;
	 cursor:pointer;
	 color:#FFF;	 
 }
 .bloc_article table.fonction td.valeur {
	 border-right: 1px dotted #233669;
	 padding-right:10px;
 }
  .bloc_article table.fonction tr.separateur {
	  height:15px;
 }

 .bloc_article table.fonction input[type='text'] {
	padding-left:5px;
 }
 .bloc_article table.fonction input[type='checkbox'] {
	 	 cursor:pointer;
		 height:9px;
 }
 .bloc_article table.fonction input[type='text'].disabled {
	 border:1px solid #b0aaa9;
 }
 .bloc_article table.fonction input[type='text'].width_50 {
	 width: 35px;
	 height:17px;
 	 font-weight:bolder;
 }
 .bloc_article table.fonction input[type='text'].error_border {
	 border:1px dotted #FF0000 ;
 }
 .bloc_article table.fonction input[type='text'].selected {
	  border:1px dotted #233669 ;
 }


/* ----------------------------------------------------------------
                    OFFRE D'EMPLOI
 ------------------------------------------------------------------ */
 
 .bloc_article fieldset {
	border:1px solid #CCC;
	margin-bottom:10px;
	padding:10px;
	color:#4b5a69;
	font-size:12px;
} 
 .bloc_article .liste_offre fieldset {
	float:left;
	width:335px;
	height:130px;
} 

 .bloc_article  .liste_offre fieldset:hover {
	 border:1px solid #EEE;
	 background-color:#e8ebed;
}
 .bloc_article fieldset.demande_formation:hover {
}

.bloc_article fieldset h1 {
	text-transform:none;
	font-size:19px;
	color:#2d8dbf;
	margin:0px;
	padding:0px 0px 5px 0px
}
.bloc_article .liste_offre fieldset h1 {
	font-size:14px;
	height:50px;
}

.date_offre {
	color:#4b5a69;
	font-size:11px
}

.ville_offre {
	color:#4b5a69;
	font-size:12px;
	font-weight:bold
}

.nbre_offres {
	color:#4b5a69;
	font-size:19px;
	font-weight:bold
}

.bloc_article fieldset a.valider {
	display:block;
	height:30px;
	width:190px;
	line-height:30px;
	text-align:center;
	color:#FFF;
	vertical-align:bottom;
	margin-right:20px;
	background-color:#233669;
	font-weight:bold;
	text-decoration:none;
	float:left
}

/* ----------------------------------------------------------------
                     
 ------------------------------------------------------------------ */
 
.image_page {
	width:759px;
	height:184px;
	margin:auto;
	
}
.navigation_ombre {
	width:715px;
	height:11px;
	margin:auto;
	background-image:url("../img/navshadow.png");
	background-repeat:no-repeat;
	background-position:center;
	margin-bottom:30Px;

}

.image_page img {
	border:none
}


.article {
	width:470px;
	line-height:20px;
	padding:0px 40px 40px 40px;
	font-family:Georgia,Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#000;
	border-right:4px solid #CCC;
	margin-bottom:30px
}


.article_vertical_droit {
	position:absolute;
	top:200px;
	right:0px;
	width:200px;
	height: auto;
	z-index:200px

}

.catalogue {
	width:670px;
	line-height:20px;
	padding:0px 40px 40px 40px;
	font-family:Georgia,Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#000;
	margin-bottom:30px
}

.libelle_accordeon{
-moz-border-radius: 7px 7px 0 0;
-webkit-border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0;
background-color:#22badf;
color:#FFF;
width:715px;
height:40px;
padding-top:20px;
font-weight:bold;
}

.accordeon {
display:block;
background-color:#F7F7F7;
margin-top:1px;
width:715px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
border-bottom: solid 1px #CCC;
}


.accordeon_content{
	display:none;
	padding-left:25px;
	padding-right:25px;

}
.accordeon_title{
	cursor:pointer;
	display:block;
	background-color:#EFEFEF;
	font-family:anivers, Helvetica;
	font-size:14px;
	font-weight:bold;
	width:695px;
	height:40px;
	padding-left:20px;
	color:#233669;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #999;
}
.accordeon_title span{
	height:40px;
	width:610px;
	display:block;
	position:absolute;
	border-right:1px solid #CCC;
	margin-top:px;

}
a.current{
	cursor:pointer;
	display:block;
	background-color:#233669;
	font-family:anivers;
	font-size:14px;
	font-weight:bold;
	width:695px;
	height:40px;
	padding-left:20px;
	color:#FFF;
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #999;

}
.current span{
	height:40px;
	width:610px;
	display:block;
	position:absolute;
	border-right:1px solid #CCC;
	margin-top:px;
	color:#FFF;
}

.accordeon_reference{
display:block;
color:#000;
font-size:12px;
font-family:flanklin;
position:relative;
margin-top:10px;
padding-left:620px;
width:50px;
height:auto;
}
div.public_formation{
padding-left:20px;
display:block;
position:relative;
font-family:franklin;
font-weight:bold;
color:#233669;
}
div.duree_formation{
padding-left:450px;
margin-top:-65px;
float:right;
font-family:anivers;
font-weight:bold;
color:#233669;

}

div.public_formation span{
}


.article h1 { font-family:flanklin, Helvetica, Arial, sans-serif; font-size:28px; color:#e37013;  line-height:normal; font-weight:normal}

.membre h1 { font-family:flanklin, Helvetica, Arial, sans-serif; font-size:28px; color:#e37013;  line-height:normal; font-weight:normal; }
.membre ul li {display:block; list-style:none; float:left; margin-right:20px;margin-bottom:50px}
.membre ul li a { 
display:block;
text-decoration:none;
float:left;
font-weight:bold;
font-size:12px;
border-radius:3px 3px 3px 3px;
width:75px;
padding-bottom:5px;
padding-top:5px;
padding-left:10px;
margin-right:10px;
color:#FFF;
background-color:#233669;
}


table.caracteristique { width:100%; border:1px solid #ccc}
.caracteristique th{ background-color:#9bacc7; width:40%; padding-right:10px; color:#19468d; border-bottom:1px solid #ccc}
.caracteristique td{ background-color:#F7F7F7; border-bottom:1px solid #ccc; text-align:left; padding-left:10px}


/*--------------------------------------------------------
--------------------- avis clients ---------------------
---------------------------------------------------------*/
.bloc_avis {
	position:relative;
	float:right;
	border-top:1px dotted #CCC;
	width:759px;
	height:auto;
	height:380px;
	margin-top:20px;
	}
	
.bloc_avis  p {
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	color:#e37013;
	margin-bottom:10px;
	}

.avis {
	width:205px;
	height:inherit;
	float:left;
	padding:0px 20px 0px 20px;
	}

.avis P{
	margin:0px;
	padding:Opx;
	}
.avis P.photo {
	margin-bottom:15px;
	}
.avis P.nom {
	color:#000;
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	margin-bottom:5px;
	}
	
.avis P.fonction {
	color:#CCC;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	margin-bottom:5px;
	}

.avis P.commentaire {
	color:#333;
	font-family: Georgia,Helvetica, Arial, sans-serif;
	font-size:12px;
	}
	
.avis_bordure_droite
{
	border-right:1px solid #CCC
	}

/*--------------------------------------------------------
             Mise en forme des formulaires 
---------------------------------------------------------*/

.form_label  {
	float:left;
	width:200px;
	padding-right:15px;
	text-align: right;
	font-weight:bold;
	line-height:22px;
}

.form_label_  {
	float:left;
	width:130px;
	padding-right:15px;
	text-align: right;
	font-weight:bold;
	line-height:22px;
}

.form_champ  {
	height:auto;
	overflow:hidden;
	margin-bottom:5px;
}

input[type='text'].form_input, input[type='password'].form_input, select.form_input{
	width:300px;
	height:22px;
	padding:0px;
	margin:0px;
	border:1px solid #b0aaa9;
	padding-left:5px;
}
.form_champ input[type='text'],input[type='password']{
	width:300px;
	height:22px;
	padding:0px;
	margin:0px;
	border:1px solid #b0aaa9;
		padding-left:5px;
}
.form_champ input[type='text'].width_50{
	width:45px;
	height:20px;
	padding:0px;
	margin:0px;
	border:1px solid #b0aaa9;
	padding-left:5px;
}
.form_champ select{
	width:308px;
	height:30px;
	margin-bottom:5px;
	padding-left:5px;
}
.form_champ select.date{
	width:95px;
	height:30px;
	margin-bottom:5px;
	padding-left:5px;
}
.form_champ select.sexe{
	width:170px;
	height:30px;
	margin-bottom:5px;
	padding-left:5px;
}



.form_champ .infobulle {
	display:none;
	background-color:#C7C7C7;
	margin-left:570px;
	width: 150px;
	margin-top:-70px;
	position:absolute;
}

/*--------------------------------------------------------
             MESSAGES D'ERREURS
---------------------------------------------------------*/
.error{
	color: #FFF; 
	text-align:center; 
	padding:7px; 
	background-color:#f82d49; 
	margin-bottom:15px
	}

/*--------------------------------------------------------
             MISE EN FORME D'ERREURS
---------------------------------------------------------*/
.form_champ input.error_border{
	border:1px dotted #F00;
}
.obligatoire, .error_color{
	color:#F00;
	font-weight:bold
}

.bloc_obligatoire_texte  {
	color:#000;
	position:absolute;
	right:10px;
	top:40px
}

/*--------------------------------------------------------
                      Offre d'emploi 
---------------------------------------------------------*/
.offres h3{
	color:#292929;
	font-size-adjust:+0.7;
}
.offres table{
	width:90%;
	color:#414141;
	margin:0 auto;
}
.offres td{
	padding:7px;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
}
.offres th{
	background-color:#999;
	height:35px;
}
.offres .em{
	margin-top:10px;
	font-size:0.8em;
}
.offres a{
	color:#ED7600;
}

/*--------------------------------------------------------
--------------------- pieds de page ---------------------
---------------------------------------------------------*/

	
footer {
	position:relative;
	width:100%;
	margin:auto;
	background-color:#dfdfdf;
	height:70px;
	
}

.corps_footer {
	position: relative;
	width:970px;
	height:55px;
	margin:auto;
	padding-top:10px
}

.corps_footer ul, .corps_footer li {
	list-style:none;
	float:left
}

.corps_footer li {
	color:#333;
	font-size:12px;
	height:35px;
	line-height:35px;
	width:auto;
	padding-left:5px;
	padding-right:5px;
	
}

.corps_footer li a {
	display:block;
	width:100%;
	height:18px;
	line-height:18px;
	color:#333;
	font-size:12px;
	cursor:pointer;
	border-left:1px solid #333;
	text-align:center;
	padding-left:7px;
	padding-right:7px;
	text-decoration: none	
}
.corps_footer li a:hover {
	color:#22badf;
}

.corps_footer li span {
	display:block;
	width:100%;
	height:18px;
	line-height:18px;
	color:#333;
	font-size:12px;
	padding-left:7px;
	padding-right:7px;
	text-decoration: none	
}



.cacher {
	display:none;
}