/*
 Description : Fichier css Site Générique utilisable pour les sites web créés après celui de Kéorim
               Ce fichier CSS est structuré selon la méthode OOCSS (Object Oriented CSS), un ensemble de bonnes pratiques initiées par Nicole Sullivan
                (cf. http://www.alsacreations.com/article/lire/1641-bonnes-pratiques-en-css-bem-et-oocss.html ou http://nicoespeon.com/fr/2013/05/plongee-au-coeur-de-oocss/)
 Version : 1.0
 Auteur : Ousmane
 
*/

/** PALETTE CODE COULEUR 

Hexa:    
    - Bleu foncé : #31334B
    - Bleu ciel : #4778B0
    - nom de la couleur : #******
    
RGBA:
    - nom de la couleur  : rgba(*,**,**,0.95)    
    - Bleu foncé :  rgba(49,51,75,1)
    - Bleu ciel : rgba(71,120,176,1)
    - **** : *****

    FIN PALETTE CODE COULEUR **/

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
  text-align: left;
}
#indexHtml
{
    background:#f4f7ff;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
#masterHtml
{
    background:#f4f7ff;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
body 
{
    font-family:Helvetica;
    background-position:center top;
	
	/* Effet fade-out sur le body*/
    opacity: 1;
    transition: 10s opacity;
}
/* Effet fade-out sur le body*/
body.fade-out 
{
    opacity: 0;
    transition: none;
	background-color: black;
}
html {
    /*background-color: white;*/
}
/* Fin Effet fade-out sur le body */
/******************************************* STRUCTURE ET STYLE DE L'ENTÊTE DE LA PAGE *********************************/
    .conteneur_superieur /* Bloc contenant l'entête de la page */
    {    
        float:left;
	    width:100%;
	    margin-bottom : 20px;	    
	    margin-left : 2%;
	    display:block;
    }
        .conteneur_image /* Bloc contenant une image de présentation */
        {
            -webkit-border-top-left-radius: 30px;
            -moz-border-radius-topleft: 30px;
            border-top-left-radius: 30px;
        }
        .conteneur_image_Size_Position_Metier /* taille et positon à appliquer sur le bloc image de type métier */
        {
            width: 234px;
	        display:block;
        }        
        .conteneur_image-Size-Position_Generique /* taille,marge et positon à appliquer par défaut sur le bloc image */
        {
            margin-top : 30px;
            width : 360px; 
	        float: left;
        }
        .conteneur_image-Size-Position_Postuler /* taille et positon à appliquer sur le bloc image de type CommentPostuler --> ex pages concernées : SpeOffres */
        {
            margin-top : 30px;
            width : 325px; 
	        float: left;
        }
        .conteneur_image-Size-Position_Regenerer /* taille,marge et positon à appliquer sur le bloc image de type Regenerer */
        {
            margin-top : 30px;
            width : 317px; 
	        float: left;
        }
        .conteneur_image-Style-Generique img /* style à appliquer sur le bloc image par défaut */
        {
            -webkit-border-top-left-radius: 30px;
            -moz-border-radius-topleft: 30px;
            border-top-left-radius: 30px;
        }
        .image-Style-ConfierRecrutement /* résolution à appliquer sur l'image de la page ConfierRecrutement exclusivement */
        {
            width : 352px;
            height : 198px;
        }
        /*********************************** Titre ***********************************/
        .conteneur_titre /* Bloc contenant le titre de la page */
        {
	        float:right;
	        margin-right : 39px;
	        font-size :x-large;
	        background-color : rgba(71,120,176,0.8)/*#E1DECB*/;
            color : white;
	        text-align: center;            
            margin-bottom : 5px;
        }
        .conteneur_titre-Border-Radius_Generique
        {
            border-bottom-left-radius: 15px;
            -moz-border-radius-topright: 15px;
            border-top-right-radius: 15px;
            -moz-border-radius-bottomleft: 15px;
        }
        .conteneur_titre_Border-Radius_SpeOffreDetail
        {
            -moz-border-radius-topleft: 15px;
            -moz-border-radius-topleft: 15px;
            border-top-left-radius: 15px;
        }
        .conteneur_titre-Margin_SpeOffreDetail
        {
            margin:20px 10px 20px 10px;
            width : 98%;
        }
        .conteneur_titre-Size-Margin_Generique
        {
            margin-top:30px;
            width : 97%;
        }
        .conteneur_titre-Size-Margin_NotreCabinet /* Taille et marge à appliquer sur le titre selon les pages de la rubrique Notre Cabinet */
        {
            margin-top:30px;
            width : 63%;
        }        
        .conteneur_titre-Size-Margin_Solution /* Taille et marge à appliquer sur le titre selon les pages de la rubrique Solutions --> ex pages concernées : Confier Recrutement*/
        {
            margin-top:30px;
            width : 63%;
        }
        .conteneur_titre-Size-Margin_SpeCandidature /* Taille et marge à appliquer sur le titre selon la page Espace Perso */
        {
            margin-top:30px;
            width : 97%;
            margin-right : 46px;
        }
        .conteneur_titre-Size-Margin_Expertise /* marge appliquée sur le titre selon les pages métiers */
        {
            margin-top:30px;
            width : 56%;
        }
        .conteneur_titre-Size-Margin_Postuler /* Taille et marge à appliquer sur le titre selon la page Comment Postuler --> ex pages concernées : SpeOffres*/
        {
            margin-top:30px;
            width : 67%;
        }
        .conteneur_titre-Size-Margin_Postuler /* Taille et marge à appliquer sur le titre selon la page Comment Postuler --> ex pages concernées : SpeOffres*/
        {
            margin-top:30px;
            width : 67%;
        }
        .conteneur_titre-Size-Margin_Regenerer /* Taille et marge à appliquer sur le titre selon la page Regenerer. */
        {
            margin-top:30px;
            width : 67%;
            margin-right : 38px;
        }
        .conteneur_titre-Size-Margin_SpeOffreDetail /* Taille et marge à appliquer sur le titre selon la page SpeOffreDetail */
        {
            margin-top:20px;
            width : 98%;
        }
        /*********************************** FIN Titre ***********************************/
        
        /*********************************** TEXTE INTRO ***********************************/       
        .conteneur_texte_intro /* Bloc contenant le texte introductif de la page */
        {
	        float: right;
	        margin-right :50px;
	        max-height : 340px;
	        text-align :justify;
	        font-weight : bold;
        }        
        .conteneur_texte_intro-Size-Margin_NotreCabinet /* Taille et marge à appliquer sur le texte intro selon les pages de la rubrique Notre Cabinet --> ex pages concernées : Confier Recrutement*/
        {
            margin-top:10px;
            width : 60%;
        }
        .conteneur_texte_intro-Size-Margin_Regenerer /* Taille et marge à appliquer sur le texte intro selon la page Regenerer */
        {
            margin-top:10px;
            width : 60%;
            margin-right:88px;
        }        
        .conteneur_texte_intro-Size_Margin_Solution /* Taille et marge à appliquer sur le texte intro selon les pages de la rubrique Solutions */
        {
            
        }
        .conteneur_texte_intro-Size-Margin_Expertise /* Taille et marge à appliquer sur le texte intro selon les pages métiers */
        {
            margin-top:20px;
            width : 53%;
        }        
        .conteneur_texte_intro-Size-Margin_Postuler /* Taille et marge à appliquer sur le texte intro selon la page Comment Postuler --> ex pages concernées : SpeOffres*/
        {
            margin-top:10px;
            width : 64%;
        }        
        .conteneur_texte_intro-Size-Margin_Generique /* Taille et marge à appliquer sur le texte intro par défaut.  ---> ex pages concernées : NewsRH, Expertise, Solutions et Contact */
        {
            margin-top:10px;
            width : 96%;
        }
        .conteneur_texte_intro-Size_SpeCandidature
        {
            width : 60%;
        }
        /*********************************** FIN TEXTE INTRO ***********************************/
        
/******************************************* STRUCTURE ET STYLE DU DETAIL DE LA PAGE *********************************/     
    .conteneur_inferieur
    {
        width: 98%;
        min-height : 150px;
        margin-left : 2%;
        display : block;
    }
    .conteneur_inferieur_SpeOffre
    {
        width: 100%;
        min-height : 150px;
        display : block;
    }
        .titre_avec_puce_logo
        {  
            margin-top : 20px;
        }
        .titre_avec_puce_logo li 
        {
	        list-style-type: none;  /* on annule la puce par défaut */
            list-style-image : url(../Images/o_puce_mini_gene.png); /* on affiche l'image souhaitée */
            color : white;
            font-size :medium;
	        background-color : rgba(71,120,176,0.60)/*#E1DECB*/;
	        text-align: left;    
            padding: 10px;
        }
       /* .titre_avec_puce_logo-SpeOffre {
        }
        .titre_avec_puce_logo-SpeOffre li {
            color:black !important;
        }*/
        .titre_avec_puce_logo-Background-Color_Transparent /*Style à appliquer sur les balises li (comme sur la page SpeOffre) */
        {
            background-color : transparent !important;
        }
        .titre_avec_puce_logo-Color_Black /*Style à appliquer sur les balises li (comme sur la page SpeOffre) */
        {
            color : black !important;
        }                  
        .titre_avec_puce_logo-No_Padding_On_li /* Style à appliquer sur la balise li */
        {
            padding: 0px !important;
        }        
        .titre_avec_puce_logo-Border_Radius_On_li_Generique /* Style à appliquer sur la balise li */
        {
            -moz-border-radius-topright: 15px;
            border-top-right-radius: 15px;
            -moz-border-radius-bottomleft: 15px;
            border-bottom-left-radius: 15px;
        }               
         .titre_avec_puce_logo-size_On_li_Generique /* Style à appliquer sur la balise li */
        {
            width : 95%;
        }        
         .titre_avec_puce_logo-Marge_Generique /* Style à appliquer sur la balise ul */
        {
            margin-left:30px;
        }                 
        .conteneur_paragraphe
        {
           
        }
        .conteneur_paragraphe-Size_MentionsLegales
        {
            width : 93%;
        }
        .conteneur_paragraphe-Size_DonneesPerso
        {
            width : 90%;
        }  
        .conteneur_paragraphe_Marge_Generique
        {
            margin-left : 3%;
        } 
        .conteneur_paragraphe_Marge_Expertise
        {
            margin-left : 5%;
        }
        .conteneur_paragraphe_Text-Size_Generique
        {
            font-size : 80%;
        }

/******************************************* FIN STRUCTURE ET STYLE DU DETAIL DE LA PAGE *********************************/

/******************************************* PAGE METIERS / EXPERTISES ***************************************************/
	.conteneur-Size-Position_Expertise /*nouveau sous_conteneur_metier */
	{
	    float: left;
	    width: 47%;
	    margin-right : 3%;
	}	
    .encadrement_Sous_titre
	{	  
	    -moz-border-radius-bottomleft: 15px;
        border-bottom-left-radius: 15px;
        -moz-border-radius-topright: 15px;
        border-top-right-radius: 15px;
        margin-bottom : 2px;
        padding-left: 5px;
	}
	.encadrement_Sous_titre-Background-TextColor_Generique
	{
	   background : rgba(49,51,75,0.95);
	   color : White; 
	}
	.encadrement_Sous_titre-Taille_Generique
	{
	    width : 80%;
	}
	.encadrement_Sous_titre span
	{
	    margin-left:10px;
	}	
	.liste_puce_description_Metier-Marge_Generique 
    {
        margin-left : 3%;
    }    
	.fa
	{
		display:inline-block;
		font:normal normal normal 14px/1 FontAwesome;
		font-size:inherit;
		text-rendering:auto;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
		transform:translate(0, 0);
	}
	.fa-caret-right:before
	{
		content:"\f0da";
		color:#4778B0;
		font-size:1.2em;
		margin-right:4px;
		margin-top:2px;
	}
	.fa-caret-right-SpeCandidature:before 
    {
	    color: grey !important;
    }
	.Text_list_puce-Style-Text_Generique /* nouveau stylePuce */
	{
	    font-family:Helvetica !important;
	    font-size : 80%;
	}		
	.Puce_Sous_Paragraphe_Style-Generique li
	{
	    list-style-type: none;
	    font-size : 80%;
	    font-family:Helvetica;
	    margin-left : 30px;
	}	
	.Puce_Sous_Paragraphe_Style-Generique li:before
	{
	    content: '- ';
	}	
    .image-Position_Expertise /* Position à appliquer sur la balise <img> comme sur celles présentes dans la page Expertise*/
    {
        float:left;
        display:inline-block;
    }    
    .image-Animation_Expertise /* Animation à appliquer sur la balise <img> comme sur celles présentes dans la page Expertise*/
    {        
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-property: background-position;
        transition-property: background-position;
        box-shadow: 0 0 5px rgba(0,0,0,0.25);
    }        
    .image-Animation_Expertise:hover
    { 
        background-position: 0px -168px !important;
    }    
    .image-Size_Expertise /* Taille à appliquer sur la balise img comme sur celles présentes dans la page Expertise*/
    {
        width:300px;
        height:168px;
    }    
    .conteneur_image-Position-Marge_Generique /* style à appliquer au conteneur d'une image comme sur la page Expertise*/
    {
        display:block;
        margin-left:auto;
        margin-right:auto;
    }    
    .legende_image-Style-TextColor_Generique /* style à appliquer sur un texte tel que la légende des images présentes sur la page Expertise*/
    {	    
	    color:rgba(141, 47, 72, 1);	    
	    font-weight:bold;
    }
    .legende_image-Position-Marge_Generique /* Marge et Position à appliquer sur un texte tel que la légende des images présentes sur la page Expertise*/
    {
        margin:10px 5px 10px 0;
        float:right;
    }
	
/******************************************* FIN PAGE METIERS / EXPERTISES ***********************************************/

/*******************************************           CONTACT             ***********************************************/

    .conteneur_adresse-Position_Contact
    {
	    float:left;
    }
    .conteneur_adresse-Size-Marge_Contact
    {
	    margin-left:5%;
	    width:18%;
    }
    .conteneur_blocacces
    {
    }
        .conteneur_blocacces li
	    {
		    list-style:none;
	    }
    .conteneur_blocacces-Position_Contact
    {
	    margin-left:2%;
	    float:left;
	    width:28%;
    }
    .conteneur_blocacces-Size-Marge_Contact
    {
	    margin-left:2%;
	    float:left;
	    width:28%;
    }
    .titre_transport-Style-Marge_Contact
    {
        margin-left:5px;
        text-decoration: underline;
    }	
    .colGaucheFlux
    {
	    width:230px;
	    float:left;
	    font-size:10pt;
	    padding-top:0px;
	    display:block;
	    margin-right:10px;
    }
/*******************************************          FIN CONTACT          ***********************************************/

/*******************************************       CHAMPS FORMUALIRE       ***********************************************/
    .form_orange-Style_Generique
    {
	    color:#e1001b;
    }
    .form_champ-Style_Generique
    {
	    font-size:0.7em;
	    color:#000;
	    display:block;
    }
    .colSepar_champ_form
    {
	    height:10px;
	    width:100%;
    }
    .form_error_Orange-Style_Generique
    {
	    font-size:0.7em;
	    color:#e1001b;
	    padding-top:1em;
    }
    .tbxRecrut-Size_Generique
    {
	    width:60%;
    }
    
/********************************************      FIN CHAMPS FORMULAIRE     *********************************************/

/********************************************            BOUTONS             *********************************************/	
    .conteneur_bouton-Style_Generique
    {
	    color:White;
	    float : right;
	    /*min-width:380px;
	    max-width:500px;*/
	    width : 500px;
    }
    .hvr_fade_Generique {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        overflow: hidden;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-property: letter-spacing,box-shadow;
        transition-property: letter-spacing,box-shadow;
        font-weight:lighter;
        letter-spacing:2px;
        text-align:center;
        text-decoration:none;
    }
        .hvr_fade_bouton_consulter_offre
        {
        }
        .hvr_fade_bouton_consulter_offre:hover
        {
	        letter-spacing:3px;
            box-shadow:1px 1px 12px #555;	    
        }	
        .hvr_fade_bouton_consulter_offre:focus,.hvr_fade_bouton_consulter_offre:active
        {
	        letter-spacing:3px;
            box-shadow:1px 1px 12px #555;	    
        }
        .hvr_fade-Text-Decoration_Expertise
        {
            text-decoration : blink !important;
        }
        .hvr_fade-Border-Radius_Generique
        {
            -webkit-border-top-left-radius: 10px;
            border-top-left-radius: 10px;
            -moz-border-radius-topleft: 10px;
        }
        .hvr_fade-Border-Radius_Expertise
        {
            border-top-left-radius: 10px;
            -moz-border-radius-topleft: 10px;
        }
        .hvr_fade-Font-Size_Generique
        {
            font-size:1.2em;
        }
        .hvr_fade-Marge_Generique
        {
            margin-right:2%;
        }
        .hvr_fade-Padding_Expertise
        {
            padding : 5px;
        }
        .hvr_fade-Text-Color_Generique
        {
            color:#fff;
        }
        .hvr_fade-Text-Color_Expertise
        {
            color:White;
        }

        .hvr_fade-Size_Generique
        {
            height:25px;
        }
        .hvr_fade-Size_Expertise
        {
            width : 100%;
        }
        .hvr_fade-Background-Color_Expertise
        {
            background-color:#31334B;
        }
        .hvr_fade-Background-Color_Generique
        {
            background-color:#31334B;
        }
        .hvr_fade-Size_Generique
        {
            width : 95%;
        }
        .hvr_fade-Marge-Gauche_Generique
        {
            margin-left : 3%;
        }
        .hvr_fade-Marge-Gauche_Feed
        {
            margin-left : 40%;
        }
        .hvr_fade-Line-Height_Generique
        {
            line-height:130%;
        }
        .hvr_fade-Line-Height_Contact
        {
            line-height:25px;
        }
        .hvr_fade-Position_Contact
        {
            float:left;
        }
        .hvr_fade-Marge-Gauche_Contact
        {
            margin-left : 25%;
        }
        .hvr_fade-Size_Contact
        {
            width : 300px;
        }

        .hvr_fade:hover, .hvr_fade:focus, .hvr_fade:active {
          letter-spacing:3px;
          box-shadow:1px 1px 12px #555;
        }
    .linkButtonEffacer
    {
	    display: block;
	    font-size: 1em;
    }
        .linkButtonEffacer-Position_Generique
        {
            float: left;
        }
        .linkButtonEffacer-Marge_Generique
        {
            margin: 10px 0 0 10px;
        }	
        .linkButtonEffacer-Color_Generique
        {
            color: #565656;
        }	
        .linkButtonEffacer:hover
        {
	        color:#4778B0;
	        text-decoration:underline;
	        font-size: 1.1em;
        }
    .linkButton
    {
	    line-height:25px;
    }
    .linkButton-Size_Generique
    {
        width:300px;
    }
    .linkButton-Position-Marge_Generique
    {
        float:left;
	    margin-left: 0%;   
    }
    /** Back To Top **/
    .cd-top {
      display: inline-block;
      height: 40px;
      width: 40px;
      position: fixed;
      bottom: 40px;
      right: 10px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
      /* image replacement properties */
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap;
      background: rgba(71,120,176,1) url(../images/arrow-up.png) no-repeat center 50%;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: opacity .3s 0s, visibility 0s .3s;
      -moz-transition: opacity .3s 0s, visibility 0s .3s;
      transition: opacity .3s 0s, visibility 0s .3s;
      -webkit-border-radius: 10;
      -moz-border-radius: 100%;
      border-radius: 100%;
    }
        .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
          -webkit-transition: opacity .3s 0s, visibility 0s 0s;
          -moz-transition: opacity .3s 0s, visibility 0s 0s;
          transition: opacity .3s 0s, visibility 0s 0s;
        }
        .cd-top.cd-is-visible {
          /* the button becomes visible */
          visibility: visible;
          opacity: 1;
        }
        .cd-top.cd-fade-out {
          opacity: .5;
        }
        .no-touch .cd-top:hover {
          background-color: #8D2F48;
          opacity: 1;
        }
        @media only screen and (min-width: 768px) {
          .cd-top {
            right: 20px;
            bottom: 20px;
          }
        }
        @media only screen and (min-width: 1024px) {
          .cd-top {
            height: 60px;
            width: 60px;
            right: 30px;
            bottom: 30px;
          }
        }
    /** Fin Back To Top **/

    /**Bouton de navigation entre les pages **/
    .bouton_navigation_precedent:before
    {
        font-family: 'FontAwesome';
        content:"\f100";
        font-style:normal;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
    }

    .bouton_navigation_precedent:hover
    {
      -webkit-transform: translateX(-2px);
      transform: translateX(-2px);
    }

    .bouton_navigation_suivant:after
    {
        font-family: 'FontAwesome';
        content:"\f101";
        font-style:normal;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
    }
    .bouton_navigation_suivant:hover
    {
      -webkit-transform: translateX(2px);
      transform: translateX(2px);
    }
    .bouton_navigation_retour_offre
    {
        margin-left:10px;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
    }
        .bouton_navigation_retour_offre:hover span
        {
            text-decoration:underline;
        }
        .bouton_navigation_retour_offre:after
        {
            margin-left:5px;
            font-family: 'FontAwesome';
            content:"\f102";
        }
        .bouton_navigation_retour_offre:hover:after
        {
            -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
        }
    /** FIN Bouton de navigation entre les pages **/

/********************************************           FIN BOUTONS          *********************************************/

/********************************************          COMPOSANTS GENERAUX   *********************************************/ 
    .annule-Font-Weight
    {
        font-weight : normal !important;   
    }
    .texte-Align-Center {
        text-align: center;
    }    
    .visible
    {
	    display:block !important;	
    }
    .invisible
    {
	    display:none !important;	
    }
    .conteneur_wrapper /* anciennement appelé conteneur */
    {
        width:1115px;
        margin-left: auto;
        margin-right: auto;
    }
    .contenu_header{ 
	    width:100%;
	    float:left;
	    /*margin-bottom:65px;*/
	    margin-bottom:10px;
	    margin-top:5px;
    }
    .conteneur_logo /* anciennement appelé logo */
    {
	    background:url(../Images/logo_header_gene.png);
	    display:block;
	    height:73px;
	    width:200px;
	    float:left;
	    margin-top:5px;
    }
    .conteneur_slogan /* anciennement appelé slogan */
    {
        background:url(../Images/sloganBanniere_gene.png);
        display:block;
        width:175px;
        height:88px;
        float:left;
	    margin-top:5px;
	    margin-left:20px;
        margin-right:-50px;
    }   
    .syndication
    {
        display:block;
        float:left;
        font-size:8pt;
        font-weight:bold;
        padding-top:50px;
        float:right;
    }
    .conteneur_picto /* anciennement appelé picto */
    {
        display:block;
        float:left;
        line-height:16px;
    }
    .bouton_picto_rss /* anciennement appelé picto_rss */
    {
	    background-image:url(../images/rss_nb.png);
	    width:20px;
	    height:20px;
	    display:block;
	    float:left;
	    margin-left:12px;
	    margin-top: -2px;
    }	
    .bouton_picto_rss:hover
    {
	    background-image:url(../images/rss.png);
    }
    .bouton_picto_viadeo /* anciennement appelé picto_viadeo */
    {
	    background-image:url(../images/viadeo_nb.png);
	    width:20px;
	    height:20px;
	    display:block;
	    float:left;
	    margin-left:12px;
	    margin-top: -4px;
    }	
    .bouton_picto_viadeo:hover
    {
	    background-image:url(../images/viadeo.png);
    }
    .bouton_picto_linkedin
    {
	    background-image:url(../images/linkedin_nb.png);
	    width:20px;
	    height:20px;
	    display:block;
	    float:left;
	    margin-top:-2px/*8px*/;
	    margin-left:12px/*12px*/;
    }
	
    .bouton_picto_linkedin:hover
    {
        background-image:url(../images/linkedin.png);
    }
    .image_partage_linkedin-Style
    {
        /*height:19px;*/
        margin-top : -1px;

    }
    /*Firefox*/
    @-moz-document url-prefix() {
        .image_partage_linkedin-Style
        {
            /*height:19px;*/
            margin-top : -1px;
        }
    }
    .Clear
    {
        clear:both;
    }
    .InvisibleLink /* Style à appliquer sur une balise de redirection (ex: <a>) afin de le rendre invisible */
    {
        border:none;
        text-decoration:none;
        display:inline-block;
        color:Black;
    }    
    .menu-Position /* anciennement appelé floatleft */
    {
	    float:left;
    }
    /**   LoginBox **/
    .menu_connexion
    {
		display:block;
		width:210px;
		float:left;
		padding-top:40px;
		font-size:7pt;
		color:gray;
		margin-left:25%;
		margin-top:10px;
    }		
		.menu_connexion a
		{
			font-weight:bold;
			font-size:9pt;
			color:#000;
			text-decoration:none;
			margin-right:5px;
		}			
	    .buttongrisarrondi
	    {
		    background-color: #fff;
		    border: 1px solid #DEDEDE;
		    border-top: 1px solid #EEE;
		    border-left: 1px solid #EEE;
		    text-decoration: none;
		    font-weight: bold;
		    color: rgb(41,41,41);
		    cursor: pointer;
		    padding : 2px 10px;
		    margin-top:0px;
		    margin-left:5px;
		    -moz-border-radius: 3px;
		    -webkit-border-radius: 3px;
		    border-radius: 3px; 
	    }			
	    .contenu_loginbox /*anciennement appelé loginbox_contenu */, .contenu_loginbox_connecte /* anciennement appelé loginbox_contenu_connecte */
	    {
		    width:520px;
		    min-height:50px;
		    padding:6px 0;
		    background:rgba(141,47,72,0.95);
		    border-radius:3px;
		    margin-top:30px;
	    }	
	        *+html .contenu_loginbox, .contenu_loginbox_connecte /* Style pour IE 7 */
	        {
		        width:520px;
		        min-height:50px;
		        padding:6px 0;
		        background:rgba(141,47,72,0.95);
		        border-radius:3px;
		        margin-top:30px;
		        margin-left:-150px;
		
	        }
	    .contenu_loginboxaccueil /* anciennement appelé loginboxaccueil_contenu */, .contenu_loginboxaccueil_connecte /* anciennement appelé loginboxaccueil_contenu_connecte */
	    {
		    width:390px;
		    min-height:50px;
		    padding:6px 0;
		    background:#4778B0;
		    border-radius:3px;
		    margin-top:30px;
	    }	    
	        @media screen and (-webkit-min-device-pixel-ratio:0) /* Style pour Chrome */
	        {
	            .contenu_loginboxaccueil
	            {
	                width:420px;
		            min-height:50px;
		            padding:6px 0;
		            background:#4778B0;
		            border-radius:3px;
		            margin-top:30px;
	            }	    
	            .contenu_loginboxaccueil_deconnecte /* anciennement appelé loginboxaccueil_contenu_deconnecte */
	            {
	                width:394px !important;
			        height:20px !important;
			        padding-top:7px !important;
			        padding-left:10px !important;
	            }	    
	            .formulaire_contenu-Marge /* anciennement appelé decalage_formulaire_contenu */
	            {
	                margin-left : -106px;
	            }	    
	            .btFermerChrome-Marge /* anciennement appelé btFermerChrome */
	            {
	                margin-left:407px !important; 
	            }
	        }	
	        *+html .contenu_loginboxaccueil, .contenu_loginboxaccueil_connecte /*Style pour ie 7 */
	        {
		        width:390px;
		        min-height:50px;
		        padding:6px 0;
		        background:#4778B0;
		        border-radius:3px;
		        margin-top:30px;
	        }
		        .conteneur_loginBoxAccueilHaut
		        {
		           /* background:red;*/
		        }    
                .conteneur_loginBoxAccueilBas /* anciennement appelé LoginBoxAccueilBas */
		        {
			        margin-right:10px;
			        margin-top:5px;
			        color:#fff;
			        float:right;
		        }   
		            *+html .conteneur_loginBoxAccueilBas /*Style pour ie 7 */
		            {
			            margin-left:0px;
		            }        
		        .contenu_loginboxaccueil_deconnecte
		        {
			        width:355px;
			        height:20px;
			        padding-top:7px;
			        padding-left:10px;
		        }    	    
	    .conteneur_loginBox_Generique /* anciennement appelé LoginBoxIndex */
	    {
		    float:left;
		    width:400px;
		    display:block;
	        margin-left:160px;
	    }
	        *+html .conteneur_loginBox_Generique /*Style pour ie 7 */
	        {
		        float:left;
		        width:400px;
		        display:block;
		        margin-left:160px;
	        }
	    .conteneur_loginBoxTitreAccueil /* anciennement appelé LoginBoxTitreAccueil */
	    {
		    font-size:1em;
		    color:white;
		    float:left;
		    height:25px;
		    margin-right:15px;
		    background-color: rgb(0,58,90);
		    padding:5px 8px 0 10px;
		    text-transform:uppercase;
		    margin-top:5px;
	    }	
		.titreconnecte-Style /* anciennement appelé titreconnecte */
		{
			margin-left:20px;
			margin-top:8px;
			font-size:11pt;
			color:#fff;
		}
	    .loginBoxlkbTitre-Style /* anciennement appelé loginBoxlkbTitre */
	    {
		    color:white;
		    text-decoration:none;
	    }
	    .loginBoxLinkConnecter /* anciennement appelé LoginBoxLinkConnecterIndex */
	    {
	       background-color: #fff;
		    border: 1px solid #DEDEDE;
		    border-top: 1px solid #EEE;
		    border-left: 1px solid #EEE;
		    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
		    font-size: 0.7em;
		    text-decoration: none;
		    font-weight: bold;
		    color: rgb(41,41,41);
		    cursor: pointer;
		    padding : 2px 10px;
		    margin-top:0px;
		    -moz-border-radius: 3px;
		    -webkit-border-radius: 3px;
		    border-radius: 3px; 
	    }
	        .loginBoxLinkConnecter:hover
	        {
		        background-color:#979ba6;
	        }
	    *+html #lkbRecherche
	    {
	
	    }
	        *+html #lkbRecherche a
	        {
	
	        }
	    .loginBoxLkbDeco-Style /* anciennement appelé LoginBoxLkbDecoAccueil */
	    {
		    font-size:8pt;
		    color:white;
		    float:right;
		    margin-right: 10px;
	    }
	    .loginBoxlbErreur-Style /* anciennement appelé LoginBoxlbErreurIndex */
	    {
		    font-size:0.6em;
		    color:#ed174b;
		    margin-left:20px;
	    }
	    .loginBoxLinkAccueil-Style /* anciennement appelé LoginBoxLinkAccueil */
	    {
		    color:#fff;  
		    font-size:8pt;
		    text-decoration:none; 
	    }	
	    .btFermer-Style /* anciennement appelé btFermer */
	    {
		    position:absolute;
		    top:32px;
		    margin-left:375px;
		    color:#FFF;
		    text-decoration:none;
		    font-size:13pt;
	    }	
	    .btFermerMaster-Marge-Gauche /* anciennement appelé btFermerMaster */
	    {
		    margin-left:345px;
	    }		    
        /** FIN LoginBox **/

    .espaceEvolueMoyen{ /* anciennement appelé EspaceEvolueGrand */
        width:100%; 
        height:15px;   
    }
    .espaceEvolueGrand{ /* anciennement appelé EspaceEvolueGrandGrand */
        width:100%;
        height:45px;
    }
    .espaceEvoluePetit{ /* anciennement appelé EspaceEvoluePetit */
        width:100%;
        height:2px;
    }
    /** Footer **/
    #footer_milieu
    {
	    float:left;
	    margin-top:30px;
	    width:100%;
	    background:rgba(250,250,250,0.90);
        box-shadow: 0 0 10px rgba(0,0,0,0.25);
        -webkit-border-top-left-radius: 15px;
        -moz-border-radius-topleft: 15px;
        border-top-left-radius: 15px;
        min-height:130px;
    }	
    .menu_footer
    {
	    line-height:7px;
    }
        .menu_footer a
        {
	        font-size:8pt;
	        font-weight:bold;
	        text-decoration:none;
	        margin-left:5%;
	        padding: 0 20px;
        }	
    .copyright_footer
    {
        margin-left:1%;   
        margin-bottom :2px;
    }
        .copyright_footer a
        {
            font-size:8pt;
        }
    .menu_footer_horizontal
    {
	    height:10px;
	    margin-bottom:15px;
	    padding:0 5px 0 130px;
	    display:block;
    }    		
    .contenu_footer
    {
	    width:720px;
	    padding:5px 5px 5px 10px;
	    margin: 0 auto;
	    margin-top : 15px;
    }	
        .contenu_footer a
        {
	        text-decoration:none;
	        color:Black;
	        font-size:8pt;
	        display:block;
        }	
            .contenu_footer a:hover
            {
                margin: 0 auto;
	            text-decoration:underline;
            }	
    .contenu_footer_expertises
    {
	    width:200px;
	    float:left;
	    border-right:1px solid #999;
    }					
    .liensMetier
    {
	    width:100%;
	    float:left;
	    margin-right:8px;
    }
    #pnMetierFooter a
    {
	    display:block;
    }	
    .contenu_footer_notregroupe
    {
	    float:left;
	    width:200px;
	    border-right:1px solid #999;
	    padding-left:100px;
    }
    .contenu_footer_contact
    {
	    float:left;
	    width:110px;
	    padding-left:100px;
    }	
    .contenu_footer_titre
    {
	    text-transform:uppercase;
	    font-size:9pt;
	    font-weight:bold;
    }
    /** FIN Footer **/

    /** Combobox Ajax **/
    .WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
    {
	    margin: 0;
	    border: solid 1px #707070;
	    border-right: 0px none;
	    padding: 1px 0px 0px 5px;
	    height: 18px;
	    font-family:Helvetica;
	    position:relative;
	    z-index:5;
    }
    .WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer #ctl00_ContentPlaceHolder1_lsMetier_TextBox
    {
	    width:190px;
    }
    .WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
    {
	    margin: 0 !important;
	    padding: 0 !important;
	    background-image: url(../images/windows-arrow-gene.gif);
	    background-position: top left;
	    border: 0px none;
	    height: 21px !important;
	    width: 21px !important;
	    position:relative;
	    z-index:5;
    }
    .WindowsStyle .ajax__combobox_itemlist
    {
	    border-color: #707070;
	    font-size:0.7em;
	    position:relative;
	    z-index:5;
    }
    .WindowsStyleInactif .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
    {
	    margin: 0;
	    border: solid 1px #707070;
	    border-right: 0px none;
	    padding: 1px 0px 0px 5px;
	    height: 18px;
	    font-family:Helvetica;
	    position:relative;
	    z-index: 999;
    }
    .WindowsStyleInactif .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
    {
	    margin: 0;
	    padding: 0;
	    background-image: url('../images/windows-arrow_inactif.gif');
	    border: 0px none;
	    height: 21px;
	    width: 21px;
	    background-size : 100%;
    }
    .WindowsStyleInactif .ajax__combobox_itemlist
    {
	    border-color: #707070;
	    font-size:0.7em;
	    position:relative;
	    z-index: 999;
    }
    /** Combobox Ajax **/
/********************************************     FIN COMPOSANTS GENERAUX    ********************************************/ 

/********************************************               INDEX            ********************************************/
    .conteneur_Actualite_bis
    {
        float:left;
        display:block;
        width:99%;
        background:rgba(250,250,250,0.90);
        box-shadow: 0 0 10px rgba(0,0,0,0.25);
        height:260px;
        -webkit-border-top-left-radius: 15px;
        -moz-border-radius-topleft: 15px;
        border-top-left-radius: 15px;
    }
    .contenu_Index
    {
        padding-left:6px;
        padding-right:6px;
    }
    .contenu-Marge
    {
        margin-top:50px;
    }
    .contenu-Marge_Actualite
    {
    	margin-top:30px;
    }
    .conteneur_ActualiteLeft
    {
        float:left;
        width:25%;
        height:100%;
        background:url(../Images/logo_header_gene.png) top left no-repeat;
	    display:block;
	    margin-top:23px;
	    margin-left:5px;
    }
    .img_logo_slogan_conteneur 
    {
        background:url(../Images/logo_header_gene.png) top left no-repeat !important; /*logo_slogan_gene.png*/
    }
    .img_ActualiteLeftSlogan
    {
        display:block;
        width:100px;
        height:100px;
        float:right;
        margin-top:107px;
        margin-right:15px;
    }
    /****en cours ***/
    .actuIndexPresentation /* anciennement appelé ActuIndexPresentation */
    {
        width:300px;
        height:200px;
        box-shadow: 0 0 5px rgba(0,0,0,0.25);
        margin-top : 30px;
        -webkit-border-top-left-radius: 30px;
        -moz-border-radius-topleft: 30px;
        border-top-left-radius: 30px;
    }
    .conteneur_actuIndexRecap /* anciennement appelé ActuIndexRecap */
    {
        -webkit-border-top-left-radius: 15px;
        -moz-border-radius-topleft: 15px;
        border-top-left-radius: 15px;
        box-shadow: 0 0 5px rgba(0,0,0,0.25);
        margin-left:25px;
        margin-top : 80px;
        background-color:#e8e8e8;
        width:460px;
        height:140px;
        float:left;
    
    }
        .conteneur_actuIndexRecap a
        {
            font-size:0.85em;
            margin-left:15px;
            line-height:30px;
            float:left;
        }
    #pnAddActu a
    {
	    color:black;
    }
    .newsIndexTitre-Style /* anciennement appelé NewsIndexTitre */
    {
        letter-spacing:2px;
        font-weight:bold;
        font-size:1em;
        line-height:15px;
    }
    .newsIndexText-Style /* anciennement appelé NewsIndexText */
    {
        display:block;
        padding-top:15px;
        font-size:0.8em;
    }
    .contenu_newsIndex /* anciennement appelé NewsIndexContent */
    {
        margin-left:25px;
        margin-right:41px;
        margin-top : 80px;
        width:455px;
        height:140px;
        float:left;
    }
    .actuImage
    {
	    z-index:999;
	    width:787px !important;
	    height:200px;
	    margin-top : 30px;
	    margin-left:16px;
	    margin-right:23px;
    }
    .imageMetier-Position 
    {
        float:left;
        display:inline-block;
    }
    .linkBold
    {
	    font-weight:bold;
	    color:Black;
    }
    .conteneur_Sommaire
    {
        float:left;
        text-align:left;
	    padding: 3px 5px 10px 5px;
	    width:68%;
	    height:100%
    }
        .conteneur_Sommaire div
        {
	        margin: 0 0 -10px 2px;
	        cursor:pointer;
	        float:left;
        }
        .conteneur_Sommaire img
        {
            width:16px;
        }	
        .conteneur_Sommaire div.active img, .conteneur_Sommaire div:hover img
        {
            -webkit-transform: rotate(-30deg);
            -moz-transform: rotate(-30deg);
            -o-transform: rotate(-30deg);
            -ms-transform: rotate(-30deg);
            transform: rotate(-30deg);
            width:18px;
        }    
    .conteneur_filActu /* anciennement appelé FilActu */
    {
        float:left;
        display:block;
        width:460px;
        height:35px;
        background-color:#31334B;    
        margin-top:30px;
        margin-left:325px;
        margin-bottom:8px;
        line-height:170%;
        font-size:1.2em;
        font-weight:lighter;
        letter-spacing:2px;
        text-align:center;
        -webkit-border-top-left-radius: 15px;
        -moz-border-radius-topleft: 15px;
        border-top-left-radius: 15px;
        position:absolute;
        z-index:99;
        color:#fff;
        text-decoration:none;
    }
        .conteneur_filActu a
        {
            color:#fff;
            text-decoration:none;
        }
    .conteneur_Urgent
    {
	    width:500px;
	    float:left;
	    margin-top:15px;
    }    
    .wrapper_Moteur_Urgent /* anciennement appelé Wrapper_Moteur_Urgent */
    {
        background:rgba(250,250,250,0.90);
        box-shadow: 0 0 10px rgba(0,0,0,0.25);
        height:300px;
        -webkit-border-top-left-radius: 15px;
        -moz-border-radius-topleft: 15px;
        border-top-left-radius: 15px;
    }
        .conteneur_moteur 
        {
	        padding-left:7px;
            padding-right:7px;
	        width:500px;
	        height:285px;
	        float:right;
	        margin-top:15px;
        }
        .titre_element
        {
            float:left;
            display:block;
            width:500px;
            height:35px;
            background-color:#4778B0;    
            margin-top:10px;
            margin-bottom:8px;
            line-height:170%;
            font-size:1.2em;
            font-weight:lighter;
            letter-spacing:2px;
            text-align:center;
            -webkit-border-top-left-radius: 15px;
            -moz-border-radius-topleft: 15px;
            border-top-left-radius: 15px;
        }
            .titre_element a
            {
                color:#fff;
                text-decoration:none;
            }
        .contenu_moteur
        {
	        width:100%;
	        min-height:150px;
	        float:left;
        }
        .textBoxMoteur-Style
        {
	        width:99%;
	        font-size:8pt;
	        height:23px;
	        text-align:center;
	        text-transform:uppercase;
	        border:1px solid #BBBBBB;
        }
        .conteneur_Urgent
        {
	        width:500px;
	        float:left;
	        margin-top:15px;
        }
        .contenu_selection_offres
        {
	        width:98%;
	        height:160px;
	        float:left;
	        list-style:none;
	        margin:5px 0 0 5px;
	        overflow:hidden;
	        font-size:0.9em;
	        font-weight:bold;
	        border-left:2px solid #BBBBBB;
        }	
        *+html .contenu_selection_offres /* Style pour IE 7 */
        {
	        overflow:hidden;
        }		
            .contenu_selection_offres a{
                text-decoration:none;
                border:none;
            }
            .contenu_selection_offres li{
	            text-decoration:none;
	            color:black;
	            line-height:40px;
	            border-bottom:1px dotted #e8e8e8;
                list-style-type: none;
                height:40px;
                margin-left:10px;
            }
            .contenu_selection_offres img
            {
                float:left;
                margin-left:5px;
                margin-top:5px;
                width:31px;
                height:31px;
            }

            .contenu_selection_offres div a:hover img
            {
                -webkit-transform: rotate(15deg);
                -moz-transform: rotate(15deg);
                -o-transform: rotate(15deg);
                -ms-transform: rotate(15deg);
                transform: rotate(15deg);
            }

            .contenu_selection_offres div a:hover span
            {
                text-decoration:underline;
            }

            .contenu_selection_offres a li span{
                display:inline-block;
                margin-left:5px;
            }
			
            .contenu_selection_offres h3
            {
                color : #00b0f0;
                font-size: 1.3em;
                text-align : center;
                margin-bottom: 5px;
            }
/********************************************        FIN INDEX      ******************************************************/

/******************************************** STRUCTURE DES MASTERS ******************************************************/	
    .conteneur_page_fille
    {
	    width:100%;
	    text-align:justify;
	    background:rgba(250,250,250,0.90);
        box-shadow: 0 0 10px rgba(0,0,0,0.25);
        -webkit-border-top-left-radius: 15px;
        -moz-border-radius-topleft: 15px;
        border-top-left-radius: 15px;
        margin-top : 30px;
        min-height : 60px;        
    }
        col_milieu_master
        {
		    float:left;
		    width:64%;
		    min-height:500px;
		    margin-bottom:10px;
		    padding:5px;
		    background-color:#FFF;
		    box-shadow: 1px 1px 12px #555;
	    }	
        .col_gauche_master
        {
		    float:left;
		    width:12.5%;
		    margin-right:5px;
	    }	
	    .col_droite_master
	    {
		    float:left;
		    width:18%;
		    display:block;
		    margin-left:10px;		
	    }	
	    .conteneur_fil_ariane
	    {
		    text-transform:uppercase;
		    color:#4778B0;
		    font-weight:bold;
		    margin-left:10px;
		    height:15px;
		    float:left;
		    margin-top:15px;
		    font-size:0.8em;
	    }		
		    .conteneur_fil_ariane a
		    {
			    text-decoration:none;
			    color:#4778B0;
		    }		
		        .conteneur_fil_ariane a:hover
		        {
			        text-decoration:underline;
		        }		
		    .conteneur_fil_ariane span:nth-child(2) a
		    {
		        display:block;
		        float:left;
		        width:20px;
		        height:20px;
		        margin-top:-2px;
			    background: url(../images/home_gene.png) no-repeat;
			    background-position:top;
			    text-decoration:none;
		    }		
		    .conteneur_fil_ariane span:nth-child(2) a:hover
		    {
			    width:21px;
		        height:21px;
			    background: url(../images/home_hover_gene.png) no-repeat;
		    }
        .conteneur_carousel_master
        {
            width: 1115px;
            height:35px;
            -webkit-border-top-left-radius: 15px;
            -moz-border-radius-topleft: 15px;
            border-top-left-radius: 15px;
            overflow: hidden;
            margin-top: 8px;
        }
        /** en cours **/
        .conteneur_topActu /* anciennement appelé TopActu */
        {
            float:left;
            display:block;
            width:1115px;
            height:35px; 
            background-color: rgba(71,120,176,0.9)/*#E1DECB*/;
            margin-top:20px;
            margin-left: 6px;
            font-size:1em;
            font-weight:bold;
            letter-spacing:2px;
            text-align:center;
            -webkit-border-top-left-radius: 15px;
            -moz-border-radius-topleft: 15px;
            border-top-left-radius: 15px;
            position:absolute;
            z-index:99;
        }
            .conteneur_topActu a
            {
                color: #000;
                text-decoration:none;
            }
            .conteneur_topActu:hover, .conteneur_topActu:focus, .conteneur_topActu:active 
            {
              letter-spacing:3px;
              box-shadow:1px 1px 12px #555;
            }
        .date_Top_Offre
        {
            margin-right: 40px;
        }
            .date_Top_Offre:before 
            {
                font-family: 'FontAwesome';
                font-size: 1.5em;
                content:"\f017";
                margin-right: 5px;
            }
        .top_offre-Color {
            color:white;
        }
        .conteneur_liste_contrat 
        {
            margin-top: 15px;
            display: block;
        }
            .conteneur_liste_contrat label 
            {
                min-width: 75px;
                display: inline-block;
                margin-top: 5px;
            }        
/******************************************** FIN STRUCTURE DES MASTERS **************************************************/

/******************************************** MOTEUR DE RECHERCHE ********************************************************/	
	.conteneur_moteur_recherche
	{
		margin-top : 30px;
		width :100%;
		height: 168px;
		background:rgba(71,120,176,0.95);
        box-shadow: 0 0 10px rgba(0,0,0,0.25);
        -webkit-border-top-left-radius: 15px;
        -moz-border-radius-topleft: 15px;
        border-top-left-radius: 15px;
        padding-bottom:5px;	      
	}
	    .conteneur_moteur_recherche img
	    {
	        height: 100%;
	        width: 300px;
	        float : left;  
	    }	    
	    .conteneur_moteur_recherche_a
	    {
	        padding : 10px;
	        width: 25%;
	        height: 100%;
	        float : left;
	        margin-left :30px;
	        margin-top : 17px;
	    }	    
	    .conteneur_moteur_recherche_rem
	    {
	        padding : 10px;
	        width: 100%;
	        height: 30px;	        
	    }        
        .conteneur_moteur_recherche_contrat
	    {
	        padding : 10px;
	        width: 100%;
	        height: 70px;
	        float : left;
	        margin-left :20px;
	        overflow :hidden;
	    }	    
        .conteneur_moteur_recherche_b
	    {
	        padding : 10px;
	        width: 29%;
	        height: 155px;
	        float : left;
	        margin-left : 20px;
	    }
	    .conteneur_moteur_recherche_c
	    {
	        padding : 18px;
	        width: 30%;
	        height: 100%;
	        float : left;
	        max-height : 155px;
	        margin-left : 20px;
	        margin-top : 17px;
	    }	    
	    .conteneur_mot_cle_affichage
	    {
	        overflow-y: auto;
	        width:99%;
	        max-height:40px;
	    }	
	    .mtrMotCleSuppr-Position-Marge
	    {
		    float: left;
		    margin-right : 2px;
	    }	
	    .mtrMotCleEvolue-Style
	    {
		    font-size:0.9em;
		    color:#fff;
		    float: left;
		    margin-top : -3px;
	    }
	    .mtrElementEvolue-Color
	    {
	        color:#fff;
	    }
	    .conteneur_mtrMotCleEvolue-Position-Marge
	    {
	        margin-right:2%;
	        float : left;
	        margin-bottom : 7px;
	    }
	    @media screen and (-webkit-min-device-pixel-ratio:0) /* Style pour Chrome*/
	    {
	        
	        #ctl00_comboMetierEvolue_comboMetierEvolue_OptionList, #ctl00_comboMetierEvolueSpe_comboMetierEvolueSpe_OptionList /* On agrandit la taille de la liste des métiers présents dans la combobox */
	        {
	            width : 280px !important;
	        }
	        #ctl00_comboSousMetierEvolue_comboSousMetierEvolue_OptionList, #ctl00_comboSousMetierEvolueSpe_comboSousMetierEvolueSpe_OptionList
	        {
	            width : 280px !important;
	        }
	        #ctl00_comboRegionEvolue_comboRegionEvolue_OptionList, #ctl00_comboRegionEvolueSpe_comboRegionEvolueSpe_OptionList
	        {
	            width : 280px !important;
	        }
	        #ctl00_comboDptEvolue_comboDptEvolue_OptionList, #ctl00_comboDptEvolueSpe_comboDptEvolueSpe_OptionList
	        {
	            width : 280px !important;
	        }
	        	        
	    }
/******************************************** FIN MOTEUR DE RECHERCHE   ***************************************************/	
/********************************************       PANEL MSG ERREUR    **************************************************/
    .pnErreur /* anciennement appelé PnErreur */
    {
	    position: fixed;
	    left: 0px;
	    top: 0px;
	    width:100%;
	    height:100%;
	    text-align:center;
	    z-index: 1000;
	    filter: alpha(opacity=95); /*older IE*/  
	    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95); /* IE */  
	    -moz-opacity: .95; /*older Mozilla*/  
	    -khtml-opacity: 0.95;   /*older Safari*/  
	    opacity: 0.95;   /*supported by current Mozilla, Safari, and Opera*/  
	    background-color:#555659; /* background color of the layout when it appears*/
	    vertical-align:middle; 
	    font-size: small;
    }
    .pnErreurContenu
    {  
	    margin-bottom:10px;
	    margin-top: 200px;
	    margin-left: auto;
	    margin-right:auto;
	    height:auto;
	    width:400px;
    }
    .conteneur_titrepnErreur /* anciennement appelé TitrepnErreur */
    {
	    font-size:1em;
	    color:white;
	    float:left;
	    background:#4778B0;
	    width:395px;
	    text-align:left;
	    padding-left:5px;
	    height:30px;
	    font-weight: bold;
	    padding-top : 6px;
    }
    .conteneur_msgErreur /* anciennement appelé MsgErreur */
    {
	    background-color: white;
	    height:100%;	
	    margin-top:5px;
	    text-align:center;
    }
    .labelErreur
    {
	    font-size:0.9em;
	    color:#6c6c6c;
	    display:inline;
	    margin-left:5px;
    }
    .linkbuttonErreur
    {
	    background-color: #dddada;
	    border: 1px solid #c7c5c5;
	    border-top: 1px solid #EEE;
	    border-left: 1px solid #EEE;
	    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	    font-size: 0.8em;
	    text-decoration: none;
	    font-weight: bold;
	    color: #6c6c6c;
	    cursor: pointer;
	    padding-bottom:3px;
	    padding-left:5px;
	    padding-right:5px;
	    padding-top:3px;
	    margin-top:-2px;
    }
    .linkbuttonErreur:hover
    {
	    color: #31334B;
    }  
/********************************************     FIN PANEL MSG ERREUR  ***************************************************/
/********************************************       PAGE SpeOffre       **************************************************/
    .conteneur_pageTblHaut
    {
	    float:right;
	    margin:0 15px 0 0;
    }
	
    .conteneur_pageTblBas
    {
	    float:right;
	    margin:0 15px 20px 0;
    }
    .conteneur_titreOffre
    {
        text-transform: capitalize;
        text-overflow:ellipsis;
        overflow:hidden;
        white-space:nowrap;
        width:530px;
        float:left;
        margin-bottom:10px;
        background-color:#4778b0;
        height:30px;            
        -webkit-border-top-left-radius: 15px;
        -moz-border-radius-topleft: 15px;
        border-top-left-radius: 15px;
    }        
        .conteneur_titreOffre span.refOffre
        {
            display:inline-block;
            font-size:0.9em;
            color:#fff;
            font-weight:lighter;
            float:right;
            margin-right: 2px
        }        
        .conteneur_titreOffre span
        {
            display:inline-block;
            font-size:1.2em;
            line-height:30px;
            margin-left:10px;
            color:#fff;
            font-weight:bolder;
        }
    a.lien_creer_profil, a.lien_creer_profil:visited 
    {
        text-decoration: none;
        color: #4778B0;   
    }                
    .contenu_resultat p
    {
        line-height: 16px;
        font-size: 0.9em;
        margin-bottom: 10px;
    }
    .contenu_resultat p span.value
    {
        white-space: nowrap;
        float: left;
        max-width: 220px;
        margin-left: 5px;
        margin-top: 10px;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .linkButtonListOffre-Style
    {
        font-size:1.1em !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
        float: right;
    }
    .icone
    {
        display: inline-block;
        background-repeat: no-repeat; 
        background-color: transparent;
        width: 15px;
        height: 15px;
        vertical-align: top;
    }
    div.conteneur_resultat
    {
        background-color: rgba(234, 235, 236, 0.95);
        margin:0 0 20px 20px;
        float:left;
        width:530px;
        -webkit-border-top-left-radius: 15px;
        -moz-border-radius-topleft: 15px;
        border-top-left-radius: 15px;
        box-shadow: 0 0 5px rgba(0,0,0,0.25);
    }        
    div.conteneur_resultat:hover
    {
        box-shadow:1px 1px 12px #555;
    }        
    .conteneur_resultat p
    {
        font-size:1em;
    }
    .footerOffre
    {
        width:530px;
        float:left;
        background-color:#dedfe0;
    }
    .bouton_fleche
    {
        border: none;   
        display: inline-block;
        text-align: center;
        text-decoration: none;
        width: 20px;
    } 
        .bouton_fleche-Style-Color
        {
            background-color: #31334B;
            color: White;
        }      
    .bouton_Selection
    {
        margin-right: 15px;
        font-size: 15px;
        color: #565656;
    }        
        .bouton_Selection:hover
        {
            font-size: 17px;
            color: #00B0F0; 
        }


/********************************************      FIN PAGE SpeOffre    **************************************************/

/********************************************      PAGE SpeOffreDetail    **************************************************/
    .entete_titre_offre_details
    {	    
	    width:98%;
	    float:left;
	    margin:20px 0 20px 10px;
	    font-size :x-large;
	    background-color : #E1DECB;
	    text-align: center;
        -moz-border-radius-topleft: 15px;
        -moz-border-radius-topleft: 15px;
        border-top-left-radius: 15px;
    }
    .conteneur_titre_date_offre-Postion-Marge
    {
        float:left;
        margin-left:10px;
    }
    .conteneur_titre_date_offre-Style
    {
        font-size:0.6em !important;
        line-height:30px;
    }
    .conteneur_Essentiel_Details
    {
        float:left;
        background-color: #eaebec;
        width:100%;
        -webkit-border-top-left-radius: 15px;
        -moz-border-radius-topleft: 15px;
        border-top-left-radius: 15px;
        box-shadow: 0 0 5px rgba(0,0,0,0.25);
    }
    .conteneur_Essentiel_Details_titre
    {
        float:left;
        margin-bottom:10px;
    
        width:100%;
        height:30px;            
        -webkit-border-top-left-radius: 15px;
        -moz-border-radius-topleft: 15px;
        border-top-left-radius: 15px;
    }
        .conteneur_Essentiel_Details_titre-Background-Color_Generique
        {
            background-color:#4778B0;
        }
        .conteneur_Essentiel_Details_titre span
        {
            display:inline-block;
            font-size:1.2em;
            line-height:30px;
            margin-left:10px;
            color:#fff;
            font-weight:bolder;
        }
    .conteneur_Essentiel_Details_Contenu
    {
        width:80%;
        float:left;
        padding-left:10px;
        border-right:2px dotted #BBBBBB;
        margin-bottom:10px;
    }
    .conteneur_Essentiel_Details_Tag
    {
        margin:20px 0 20px 0;
    }
    .conteneur_Essentiel_Details_Tag_Colonne_A
    {
        float:left;
        width:30%;
    }
    .conteneur_Essentiel_Details_Tag_Colonne_B
    {
        float:left;
        width:70%;
    }
        .conteneur_Essentiel_Details_Tag_Colonne_A div, .conteneur_Essentiel_Details_Tag_Colonne_B div
        {
            margin-bottom:10px;
        }
    .conteneur_Essentiel_Details_Postuler
    {
        width:18%;
        float:left;
    }
        .Essentiel_Details_Postuler_Bouton-Style-Size
        {
            margin:70px 0 0 10px !important;
            line-height:50px !important;
            height:50px;
        }
    .conteneur_Offre_Mission
    {
        padding:20px;
        padding-top:20px;
        padding-bottom:20px
    }
        .conteneur_Offre_Mission h2
        {
            font-size:1.2em;
        }
    .Offre_Profil
    {
        padding:20px;
        border-top: 2px dotted #BBBBBB;
    }
    .conteneur_Offre_Content
    {
        margin-top:10px;
        font-size: 1em;
    }
    .conteneur_Offre_Footer
    {
        float:left;
        background-color:#eaebec;
        width:100%;
        -webkit-border-top-left-radius: 15px;
        -moz-border-radius-topleft: 15px;
        border-top-left-radius: 15px;
        margin:20px 0 20px 0;
        box-shadow: 0 0 5px rgba(0,0,0,0.25);
    }
    .conteneur_Offre_Footer_Recruteur /* anciennement appelé Offre_Footer_Recruteur */
    {
        float:left;
        width:39%;
        text-align:center;
        margin:10px 0 10px 0;
        border-right:2px dotted #BBBBBB;
    }
    .conteneur_Offre_Footer_Postuler /* anciennement appelé Offre_Footer_Postuler */
    {
        float:left;
        width:30%;
        text-align:center;
        margin:10px 0 10px 0;
        border-right:2px dotted #BBBBBB;
    }
    .bouton_Offre_Footer_Postuler-Style /* anciennement appelé Offre_Footer_Postuler_Bouton */
    {
        margin:30px 0 0 10px !important;
        line-height:50px !important;
        width:70% !important;
        height:50px;
    }
    .conteneur_Offre_Footer_Syndication /* anciennement appelé Offre_Footer_Syndication */
    {
        float:left;
        width:30%;
        text-align:center;
        margin:35px 0 10px 0;
    }        
    .navigation_offre_details
    {
        float:right;
        padding-left:20px;
        padding-right:10px;
        line-height:30px;
        background-color:#31334B;
        font-size:0.8em !important;
        -moz-border-radius-topleft: 15px;
        -moz-border-radius-topleft: 15px;
        border-top-left-radius: 15px;
        color:#fff;
        text-decoration:none;
    }
        .navigation_offre_details a
        {
            color:#fff;
            text-decoration:none;
            border:none;
        }

    .linkButtonEnvoyerMail
    {
        margin-left: 0px !important;
        height: 30px !important;
        width: 160px !important;
    }
    .lbFonction-Style /* Style utilisé pour mettre en majuscule les fonctions dans les offres d'emploi*/
    {
        text-transform : uppercase;
    }
    .fonction_titre_offre
    {
        float:left;
        margin-left:115px;
    }
	
	#ctl00_ContentPlaceHolder1_pnTagOffre span {
        margin-left:3px;
    }
/********************************************    FIN PAGE SpeOffreDetail    ************************************************/

/********************************************          PAGE Feed            ************************************************/
    .lienFlux-Size-Color_Feed
    {
	    width: 250px;
	    float: left;
	    color: #4778B0; 
    }
        .lienSpecialiteFlux, .lienSpecialiteFlux:visited, .lienSpecialiteFlux span.texte_Specialite-Style
        {
	        color: #000;   
	        text-decoration: none;
	        margin-left: 30px;
	        font-size: 0.9em; 
	        margin-top: 5px;
        }
        .lienSpecialiteFlux:hover span.texte_Specialite-Style
        {  
	        border-bottom: 1px solid #4d5363;
        }
    .fleche_ferme
    {
	    background:transparent url(../Images/puce-on-gene.png) no-repeat;
	    background-position: left top;
    }
        .fleche_ferme-Marge_Generique
        {
            margin-left:70px;
        }
        .fleche_ferme-Size_Generique
        {
            width:20px;
	        height:20px;   
        }
    .fleche_ouvert
    {	
	    background:transparent url(../Images/puce-on_vertical-gene.png) no-repeat;
	    background-position: left bottom;	
    }
        .fleche_ouvert-Marge_Generique
        {
            margin-left:70px;
        }
        .fleche_ouvert-Size_Generique
        {
            width:20px;
	        height:20px;
        }
    .conteneur_liste_checkBox-Feed{ 
		    float:left;
		    display:block;
		    margin-left:70px;
		    margin-bottom:15px;
		    margin-top:5px;
		    width:72%;
	    }
	
    .checkboxRssItem
    {
	    margin-left: 25px;
    }
    .checkboxRss-Marge label
    {
	    margin-left: 5px;
    }	
    .picto_yahoo
    {
	    background-image:url(../Images/yahoo.png);	
    }
        .picto_yahoo-Marge_Feed
        {
            margin-top:-4px;
	        margin-left:12px;
        }
        .picto_yahoo-Position_Feed
        {
            display:block;
	        float:left;
        }
        .picto_yahoo-Size_Feed
        {
            width:25px;
	        height:25px;
        }
    .picto_netvibes
    {
	    background-image:url(../Images/netvibes.png);		
    }
        .picto_netvibes-Marge_Feed
        {
            margin-top:0px;
	        margin-left:12px;
        }    
        .picto_netvibes-Size_Feed
        {
            width:80px;
	        height:20px;
        }    
/********************************************        Fin PAGE Feed          ************************************************/

/********************************************     PAGE CommentPostuler      ************************************************/
    .conteneur_imagesLiens
    {
	    margin:0 auto;
	    width:900px;
	    padding-top:25px;
	    height:450px;
    }
    .conteneur_panneau_image
    {	
	    background-color:transparent;	
    }
        .conteneur_panneau_image-Size-Marge_CommentPostuler
        {
            width:225px;
	        height:210px;
	        margin-left:40px;
        }
        .conteneur_panneau_image-Padding_CommentPostuler
        {
            float:left;
        }
        .conteneur_panneau_image-Position_CommentPostuler
        {
            padding:1px 1px 0 1px;
        }	
        .conteneur_panneau_image img
        {
            border:solid 1px #e1e3e7;
            -webkit-border-top-left-radius: 30px;
            -moz-border-radius-topleft: 30px;
            border-top-left-radius: 30px;
        }		
        .conteneur_panneau_image div
        {
	        display:none;
	        width:225px;
	        font-size : 1.1em;
	        margin:20px 0 0 0;
        }
    .conteneur_texte_CommentPostuler
    {
    }
        .conteneur_texte-Size_CommentPostuler
        {
            width: 187px !important;   
        }

        .conteneur_texte_CommentPostuler p
        {
            text-align: justify;   
        }

/********************************************   Fin PAGE CommentPostuler    ************************************************/
/********************************************       POPUP PROTECTION        ************************************************/

    .coord_tel-Style
    {
		background:url(../images/picto_tel.jpg) no-repeat;
		background-position:left center;
		display:block;
		padding-left:13px;
	}
	.coord_mail-Style
	{
		background:url(../images/picto_mail.jpg) no-repeat;
		background-position:left center;
		display:block;
		padding-left:13px;
	}
	
/********************************************    Fin POPUP PROTECTION       ************************************************/
/********************************************    PAGES SPE[CANDIDATURE]     ************************************************/
    .conteneur_spe
    {
	    width: 96%;
	    min-height : 150px;
	    margin-left : 2%;
	    display:block;   
    }
    .conteneur-Padding-Margin-Bottom_spe /* anciennement appelé blocSpeCandidature */
    {
	    padding:5px 10px;
	    margin-bottom:10px;
    }
    .titre_espace_membre-Style /* anciennement appelé titre_espace_membre*/
    {
        color : #31334B;
    }
        a.titre_espace_membre-Style:link
        {
            text-decoration:none; 
        }	
    .texte_titre_profil-Style /* anciennement appelé texteTitreProfil*/
    {
	    width:245px;
	    display:inline-block;
	    cursor:pointer;
	    margin-left: 5px;
	    margin-bottom: 10px;
    }
        *+html .texte_titre_profil-Style
        {
	        width:215px;
        }
    .sansScroll > div
    {
        overflow-x:hidden !important;
    }	
    .contenuspeprincipal_pagefille
    {
	    float:left;
	    width:100%;
    }
    form_indication-Style
    {
	    font-size:0.7em;
	    color:Red;
	    padding-top:1em;
	    display:block;
    }		
    .listSepare label
    {
	    margin:0 5px 0 5px;
    }
    .colSepar
    {
	    height:10px;
	    width:100%;
    }
    /** DEBUT en-tête speCandidature **/
    .conteneur_entete_titre
    {
        width : 56%;
	    float:right;
	    margin-top:30px;
	    margin-right : 39px;
	    font-size :x-large;
	    background-color : #E1DECB;
	    text-align: center;
        -moz-border-radius-bottomleft: 15px;
        border-bottom-left-radius: 15px;
        -moz-border-radius-topright: 15px;
        border-top-right-radius: 15px;
        margin-bottom : 50px;
    }
    .conteneur_entete_description
    {
        width : 56%;
	    height : 150px;
	    float: right;
	    margin-right :40px;
    }
    .conteneur_entete_description li
    {
        list-style: none outside;
    }
    /** FIN en-tête speCandidature **/
    .titre_texte
    {
	    font-size:1.3em;
	    font-weight:bold;
	    color:#4d5363;
	    margin-bottom:0.6em;
	    display:block;
	    border-bottom:solid 1px #4d5363;
    }
    .formulaire_candidature-Size /* anciennement appelé formulaire_candidature */
    {
	    width:100%;
    }
    .contenu_texte-Style_spe
    {
	    font-size:0.7em;
	    text-align:justify;
	    color:#000;
	    margin-bottom:10px;
	    line-height:1.5em;
    }
    .colGauche
    {
	    width:200px;
	    float:left;
	    font-size:0.8em;
	    color:#000;
	    padding-top:7px;
	    display:block;
    }
    .colDroite
    {
	    /*width:790px;*/
    }	
        *+html .colDroite /*Style pour ie 7 */
        {
	        /*width:62%;*/
        }	
    .colDroiteRemu
    {
	    width:300px;
	    float:left;
    }    
    .tbxInscription
    {
	    width:448px;			
    }
        *+html .tbxInscription /*Style pour ie 7 */
        {
	        width:100%;
        }
    .linkButtonInscMdp_spe /* anciennement appelé linkButtonInscMdp */
    {
	    color: #000;
	    font-size:0.7em;
    }
        .linkButtonInscMdp_spe:hover
        {
	        color: rgb(104, 113, 135);
	        font-size:0.7em;
        }
    .tbxTel
    {
	    width:103px;
    }
        *+html .tbxTel /*Style pour ie 7 */
        {
	        width:20%;
        }
    .tbxCPError
    {
	    width:78px;
	    border:solid 1px #e1001b;
    }
        *+html .tbxCPError
        {
	        width:15%;
	        border:solid 1px #e1001b;
        }
    .tbxError
    {
	    border:solid 1px #e1001b;
    }
    .tbxTelError
    {
	    border:solid 1px #e1001b;
    }
        *+html .tbxTelError /*Style pour ie 7 */
        {
	        border:solid 1px #e1001b;
        }
    .tbxInscriptionError
    {
	    border:solid 1px #e1001b;
	    width:448px;
    }		
        *+html .tbxInscriptionError /*Style pour ie 7 */
        {
	        border:solid 1px #e1001b;
	        width:448px;
        }		
    .tbxInscriptionSuccess
    {
	    border:solid 1px #5ec10f;
	    width:448px;
    }
        *+html .tbxInscriptionSuccess /*Style pour ie 7 */
        {
	        border:solid 1px #5ec10f;
	        width:448px;
        }
    .form_txt_inline2
    {
	    font-size:1.5em;
	    color:#4778B0;
	    padding-top:1em;
	    display:inline;
	    text-decoration: none;
    }	
        .form_txt_inline2:hover
        {
	        letter-spacing:3px;
	        color:#4778B0;
        }	
    .form_txt_inlineOrange
    {
	    font-size:0.7em;
	    color:rgb(104, 113, 135) /* #e1001b */;
	    padding-top:1em;
	    display:inline;
    }	
    .form_error_Mdp
    {
	    font-size:0.7em;
	    color:rgb(104, 113, 135);
	    padding-top:1em;
	    padding-left:150px;
    }
    .MobiNat
    {
	    font-size:0.7em;
	    color:#000;
    }
    .form_texte_simple
    {
	    font-size:0.6em;
	    color:#000;
	    padding-top:1em;
	    display:block;
    }
    .listSupprEspace
    {
	    list-style:none outside;
	    padding-left:33px;
	    padding-top:10px;
    }
        .listSupprEspace span
        {
	        background:url(../Images/puce-off.png) center left no-repeat;
	        text-decoration:none;
	        padding:0 0 0 10px;
        }
    .form_txt_inline-Style
    {
	    font-size:0.8em;
	    color:#000;
	    padding-top:1em;
	    display:inline;
    }
    .form_texte-Style{
	    font-size:0.7em;
	    color:#000;
	    padding-top:1em;
	    display:block;
	    font-weight:bold;
    }
    .form_texte-Style_SpeCandidat
    {
	    font-size:0.8em;
	    color:#666666;
    }
    .conteneur_tagNewsletter
    {
	    width:500px;
	    display:none;
    }
    .conteneur_tagNewsletterTitle
    {
	    border:1px solid black;
	    background-color:#4778B0;
    }
        .conteneur_tagNewsletterTitle span
        {
	        color:White;
	        font-size:0.8em;
	        font-weight:bold;
	        padding-left:30px;   
        }
    .conteneur_tagNewsletterContent
    {
	    padding-top:5px;
	    padding-left:30px;
	    padding-bottom:10px;
	    padding-right:10px;
	    border:1px solid #606060;
	    background:#F5F5F5;
    }
        .contenu_regle_tagNewsletter-Style
        {
	        font-size:0.7em;
	        font-style:italic;
        }		
    .pnRemunerationVisible
    {
	    margin-bottom:0;
	    height:60px;
	    padding-bottom:0;
	    overflow:visible;
    }		
    .pnRemunerationInvisible
    {
	    margin-bottom:0;
	    overflow:hidden;
	    height:0px;
	    padding-bottom:0;
    }		
    .buttonCandidat
    {
	    clear: both;
	    position: relative;
	    display: block;
	    float:left;
	    margin: auto;
	    width: 152px;
	    height: 32px;
	    background-position: top;
	    cursor: pointer;
	    margin-left: 37%;
    }
    .tooltip 
     {
        position:absolute;
        padding:10px;
        color:white;
        border:1px solid #DCA; 
        background:rgba(71,120,176,1);
        font-size:12px calibri;
        border-radius:4px;
        box-shadow: 5px 5px 8px #CCC;
        z-index:9999;
    }
        .tooltipError .tooltip
        {
          display:block;
        }
        .tooltipSuccess .tooltip
        {
          display:none;
        }
    /** Style GridView **/
    .StyleGridView
    {
	    Width:98%;
	    font-size:0.85em;
	    margin-top:5px;
	    border:none;
    }
    .StyleGridView th
    {
	    border:none;
    }
    .StyleGridView td
    {
	    border:none;
	    border-bottom :dashed 1px #000; 
	    padding-top:5px;
	    padding-bottom:5px;
	    margin-top:5px;
    }
    .StyleGridViewHeader a
    {
	    background-color:#4778B0;
	    color:#FFFFFF;
    }
    .StyleGridViewHeaderOffreResultat
    {
	    display:none;
    }
    .StyleGridViewHeaderOffreResultat a
    {
	    background-color:#4778B0;
	    color:#FFFFFF;
    }
    .StyleGridViewHeaderOffrePostuler
    {
	    background-color:#4778B0;
	    color:#FFFFFF;
	    border:solid 1px #4778B0;
    }
    .StyleGridViewHeaderOffrePostuler a
    {
	    background-color:#4778B0;
	    color:#FFFFFF;
    }
    .StyleGridViewPager
    {
	    background-color:#999999;
	    color:White;
	    border:solid 1px #C52024;
    }
    .StyleGridViewSelectedRow
    {
	    background-color:#CCCCCC; 
    }
    .StyleGridViewEditRow
    {
	    background-color:#2461BF;
    }
    /** FIN Style GridView **/
    
    /** MODAL POPUP METIER & MOBILITE **/    
    .conteneur_modalPopup /* anciennement appelé modalpopup */
    {
	    position: absolute;
	    left: 0px;
	    top: 0px;
	    width:100%;
	    height:100%;
	    z-index: 9999;
	    filter: alpha(opacity=90); /*older IE*/  
	    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /* IE */  
	    -moz-opacity: .9; /*older Mozilla*/  
	    -khtml-opacity: 0.9;   /*older Safari*/  
	    opacity: 0.9;   /*supported by current Mozilla, Safari, and Opera*/  
	    background-color:#555659;
	    position: fixed;
	    vertical-align:middle;
	    font-size: small;		
    }
    .modalPopupContenu
    {    
	    margin-bottom:10px;
	    margin-top: 90px;
	    margin-left: auto;
	    margin-right:auto;
	    height:auto;
	    width:700px;
    }
    .modalPopupContenuMobilite
    {    
	    margin-bottom:10px;
	    margin-top: 150px;
	    margin-left: auto;
	    margin-right:auto;
	    height:auto;
	    width:879px;
    }
    .modalPopupTitre
    {
	    font-size:1em;
	    color:white;
	    float:left;
	    background-color:rgba(49,51,75,0.95);
	    width:100%;
	    display:inline;
    }
    *+html .modalPopupTitre
    {
	    background-color:white;
    }
    .modalPopupTitreLabel
    {
	    float:left;
	    width:50%;
    }
    .modalPopupTitreBtn
    {
	    float:right;
    }
    .modalPopupMsg
    {
	    background: white !important;
	    height:100%;
	    width: 100%;
        width: 100%;
	    float:left;
    }
    .Webdatatree
    {
	    display:block;
	    float:left;
    }
    .modalPopupDivButton
    {
	    text-align:center;
	    float:left;
	    margin-top:20px;
	    margin-left:50%;
    }
    .modalPopupLinkbutton
    {
	    /* c'est en block mais en ligne*/
	    display: inline-block;
    
	    margin: 0 7px 0 0;
	    background-color: #F5F5F5;
	    border: 1px solid black;
	    font-size: 12px;
	    line-height: 130%;
	    text-decoration: none;
	    font-weight: bold;
	    color: #565656;
	    cursor: pointer;
	    padding: 5px 10px 6px 7px;
	    width:67px;
    }
    .modalPopupLinkbuttonImage
    {
	    display: inline-block;
	    padding: 3px 5px 3px 5px;
    }	
    .blockResume
    {
	    border-bottom : solid 1px rgb(104, 113, 135);
	    float : right;
	    margin-right :30px;
	    max-height:110px;
	    overflow:auto;
    }
    .conteneur_resumeEnfant-Style /* anciennement appelé ResumeEnfant */
    {
	    border-left : solid 1px rgb(104, 113, 135);
	    border-right : solid 1px rgb(104, 113, 135);    
	    padding-left:10px;    
	    width:150px;
	    color: #666666;
	    font-size:0.7em;
    }
    .conteneur_resumeParent-Style /* anciennement appelé ResumeParent */
    {
	    border :solid 1px rgb(104, 113, 135);
	    width:160px;
	    color:White;
	    font-size:0.9em;
	    font-weight:bold;
	    text-align:center;
	    background-color : rgba(71,120,176,1);
    }	
    /** FIN MODAL POPUP METIER & MOBILITE **/		
	
    /** VEUILLEZ PATIENTEZ POP UP **/
    .progressCP
    {
        position:relative;
        display: none;
        width:251px;
        overflow:hidden;
        top:-700px;    
    }
    .modalPopupEspace
    {
        position:absolute;
        z-index: 10;
        background-color: rgba(0,0,0,0.4);
        display:block;
        height : 100%;
    }
    .containerCP
    {
        border: solid 1px #808080;
        border-width: 1px 0px;
        z-index:11;
        position:relative;    
    }
    .headerCP
    {
        background-color: #4d5363;
        border-color: #808080 #808080 #ccc;
        border-style: solid;
        border-width: 0px 1px 1px;
        padding: 0px 10px;
        color: #FFF;
        font-size: 0.9em;
        font-weight:bold;
        line-height:1.9;
        font-family:Arial,Helvetica,clean,Sans-Serif;
    }
    .bodyCP
    {
        background-color:#f2f2f2;
        border-color: #808080;
        border-style:solid;
        border-width: 0px 1px;
        padding: 10px;
    }
    /** FIN VEUILLEZ PATIENTEZ POP UP **/
    /** CONTRAT CHECKBOXLIST **/
	@-moz-document url-prefix() /* Style pour Firefox*/
	{
	    #contrat
	    {
	        width : 730px !important;
	    }
	}
	@media screen and (-webkit-min-device-pixel-ratio:0) /* Style pour Chrome*/
	{
	    #contrat
	    {
	        width : 730px !important;
	    }
	}
    /** FIN CONTRAT CHECKBOXLIST **/
    
    /** DEBUT BOUTON "PARCOURIR" **/	        
	*+html #ctl00_ContentPlaceHolder1_PieceJointe_ctl01 /* Style pour IE 7*/
	{
		width:365px !important;
	}
	    *+html #ctl00_ContentPlaceHolder1_PieceJointe_ctl01:hover /* Style pour IE 7*/
	    {
		      
	    }	
    #ctl00_ContentPlaceHolder1_PieceJointe_ctl02
	{
	    width:365px !important;
	}	
	    *+html #ctl00_ContentPlaceHolder1_PieceJointe_ctl04 /* Style pour IE 7*/
	    {
		    margin-top:5px !important;
		    width:271px !important;
		    background-color:#e6e6e6;
		    border:1px solid #b0b0b0 !important;
		    height:17px !important;
	    }
        *+html #ctl00_ContentPlaceHolder1_PieceJointe /* Style pour IE 7*/
	    {
	        width:365px !important;
	    }		
	#ctl00_ContentPlaceHolder1_PieceJointe_ctl01 /*Style pour IE 9*/
	{
		width:365px !important;
		/*background: url(../images/parcourir.png) no-repeat 100% 0 !important;*/\
	}
	    #ctl00_ContentPlaceHolder1_PieceJointe_ctl01:hover
	    {
		    /*background: url(../images/parcourir_over.png) no-repeat 100% 0 !important;*/\
	    }    
    #ctl00_ContentPlaceHolder1_PieceJointe /*Style pour IE 10*/
	{
	    width:365px !important;
	}	
	#ctl00_ContentPlaceHolder1_PieceJointe /*Style pour IE 10*/
	{
	    width:365px !important;
	}	    
	#ctl00_ContentPlaceHolder1_PieceJointe_ctl01
	{
		width:365px !important;
	}
	#ctl00_ContentPlaceHolder1_PieceJointe_ctl04
	{
		margin-top:5px !important;
		width:271px !important;
		background-color:#e6e6e6;
		border:1px solid #b0b0b0 !important;
		height:17px !important;
	}		
	    @-moz-document url-prefix() /** Style pour Firefox **/
	    {
			    #ctl00_ContentPlaceHolder1_PieceJointe_ctl01
			    {
				    width:365px !important;
				
			    }
		    #ctl00_ContentPlaceHolder1_PieceJointe_ctl01:hover
		    {
			    /*background: url(../images/parcourir_over.png) no-repeat 100% 5px !important;*/
		    }
		    #ctl00_ContentPlaceHolder1_PieceJointe_ctl04
		    {
			    margin-top:4px !important;
			    width:271px !important;
			    background-color:#e6e6e6;
			    border:1px solid #b0b0b0 !important;
			    height:17px !important;
		    }		
		    #ctl00_ContentPlaceHolder1_PieceJointe_ctl02
	        {
	            width:365px !important;
	        }	    
	        #ctl00_ContentPlaceHolder1_PieceJointe
	        {
	            width:365px !important;
	        }
	    }	
	    @media screen and (-webkit-min-device-pixel-ratio:0) /** Style pour Chrome **/
	    { 
		    #ctl00_ContentPlaceHolder1_PieceJointe_ctl01
		    {
			    width:365px !important;
			    background-image:none !important;
		    }
		    #ctl00_ContentPlaceHolder1_PieceJointe_ctl01:hover
		    {
			    background-image:none !important;
		    }    
		    #ctl00_ContentPlaceHolder1_PieceJointe_ctl04
		    {
			    margin-top:5px !important;
			    width:271px !important;
			    background-color:#e6e6e6;
			    border:1px solid #b0b0b0 !important;
			    height:17px !important;
		    }		
		    #ctl00_ContentPlaceHolder1_PieceJointe_ctl02
	        {
	            width:365px !important;
	        }	    
	        #ctl00_ContentPlaceHolder1_PieceJointe
	        {
	            width:365px !important;
	        }	    
	    }	
    /** FIN Bouton "Parcourir" **/      
    /** COMBOBOX **/
    @media screen and (-webkit-min-device-pixel-ratio:0) /* Style pour Chrome*/
	{
	           
	    #ctl00_ContentPlaceHolder1_ComboDispo_ComboDispo_OptionList /* On agrandit la taille des éléments présents dans la combobox Disponibilité */
	    {
	        width : 184px !important;  
	    }	        
	    #ctl00_ContentPlaceHolder1_comboPays_comboPays_OptionList /* On agrandit la taille des éléments présents dans la combobox Pays */
	    {
	        width : 204px !important;
	    }
	    #ctl00_ContentPlaceHolder1_ComboVille_ComboVille_OptionList
	    {
	        width : 210px !important;   
	    }
	}
    /** FIN COMBOBOX **/  
/********************************************   FIN PAGES SPE[CANDIDATURE]     **********************************************/
/** Debut Covid19 **/
.btn-bleu
{
	color:#4778B0;
}

/** Fin Covid19 **/