@import url(header.css);
@import url(menu.css);

body
{
    background-image: url(../Images/bckgrd.jpg) ;
    background-repeat:repeat-x;
    background-color:#f3f3f3;
    margin:0px;
    outline: 0px;
    font-family:Arial;
}
a
{
    text-decoration:none;
}

#logo a img
{
    border:none;
}

#page
{
    margin-left: auto;
    margin-right: auto;
    width:1000px;
}


#breadcrumb 
{
    height:20px;
    background-image: url(../Images/haut-page1.png);
    background-repeat:no-repeat;
    padding-top:20px;
    padding-left:40px;
    font-size:0.7em;
    font-weight:bold;
    color:#8b8b8b;
}
#breadcrumb a
{
    text-decoration:underline;
    color:#8b8b8b;
}

#main 
{
    margin:0px 0px 0px 0px;
    background: url(../Images/bas-page1.png) no-repeat;
    width:994px;
    padding-left:6px;
}

#container 
{
	height:100%;
	padding-left:15px;
	padding-right:0px;
	border:0px;
	margin:0;
	width:971px;
	display:table-cell;
	background-color:White;
}

#left_column
{
    float:left;
    width:223px;
    margin:0px 0px 0px 0px;
    padding:0px;
}

#carrouselG
{
	margin-top:40px;
}

#right_column
{
    float:right;
    width:723px;
    margin-right:7px;
    background: url(../Images/centre-haut.jpg) no-repeat;
    background-position:center top;
    background-color:#f1f1f1;
    padding:24px 0px 0px 0px;
}

#right_column img
{
    vertical-align:middle;
}

#centre
{
    /*width:484px;*/
    width:480px;
    float:left;
    padding-left:22px;
}

#centre_quiz
{
    width:660px;
    float:left;
    padding-left:22px;
}

#centre_sel
{
    width:700px;
    float:left;
    padding-left:22px;
}

#offre_sel
{
    font-size:0.7em;   
    font-weight:bold;
    color:#484848;
}

#titre_resultat, #suggestion
{
    font-size:1em;   
    font-weight:bolder;
    color:#f77125;
}

#centre h1, #centre_sel h1
{
    color:#f77125;
    padding:0;
    margin:0;
    text-transform:uppercase;
}

#centre h2, #centre_sel h2
{
    color:#f77125;
    font-size:1em;
    padding-bottom:30px;
    margin:0;
    text-transform:uppercase;
    
}

#centre h4, #centre_sel h4
{
    color:#f77125;
    font-size:1em;
    padding-bottom:0px;
    margin:0 24px 0 0;
}

#centre h3, #centre_sel h3
{
    color:#f77125;
    font-size:0.7em;
    padding:0;
    margin:0;
    text-transform:uppercase;
}
#centre a
{
	text-decoration:underline;
	color:#484848;
}
#centre a:hover
{
	color:#f77125;
}
#form_style
{
    color:#484848;
    font-size:0.75em;
}
#form_style p
{
    color:#484848;
    font-size:1em;
    margin-top:0.5em;
}

#form_style table
{
    margin-top:10px;
    margin-bottom:25px;
}

.formulaire_titre
{
    text-align:right;
    width:150px;
}
div.formulaire_titre
{
	text-align:left;
	padding:15px 0px 15px 0px;
	font-size:0.75em;
}
#form_style h3
{
    border-bottom:1px solid #f77125;
    margin-right:30px;
    font-size:1em;
}

#notice, #adresse_drh
{
    font-size:0.8em;
    font-weight:bold;
    padding-top:1em;
}

.obligatoire
{
    color:#f77125;
}

#form_style select
{
	width:250px;
    font-size:0.8em;
    color:#6d6d6d;
    font-weight:bolder;
}

#centre p, #centre_quiz p
{
    color:#747373;
    font-size:0.75em;
    margin-top:0px;
    margin-right:22px;
}

div.chapeau, div.chapeau p
{
	font-weight:bold;
}

#centre p.chapeau
{
    font-weight:bold;
}

#centre_sel p
{
    color:#747373;
    font-size:0.75em;
    margin-top:0px;

}

#bouton_consulter_offre
{
    margin-top:15px;
    float:right;
}

#centre ul
{
    margin:0px;
    padding:0px;
}

#centre ul li
{
    background-image: url("../Images/fleche_bleu.png");
    background-repeat: no-repeat;
    padding:0px 0px 0px 24px;
    margin:0px 22px 0px 0px;
    list-style:none;
    font-size:0.75em;
    color:#747373;
    background-position: 0 0.2em;
}

#centre ol li
{
    background-repeat: no-repeat;
    padding:0px 0px 0px 0px;
    margin:0px 22px 0px 0px;
    list-style:list-style-type;
    font-size:0.75em;
    color:#747373;
    background-position: 0 0.2em;
}

#centre ul li ul
{
    margin:0px;
    padding:0px 0px 0px 35px;
}

#centre ul li ul li
{
    background-image: url("../Images/puce_groupe.png");
    background-repeat: no-repeat;
    background-position:0 center;
    margin:0px 0px 0px -30px;
    padding:0em 0em 0.2em 0.6em;
    font-size:1em;
}

/* CONTENU DE LA PAGE ----------------------------------------------*/
#resultat
{
	margin-bottom:15px;
	border-top:1px solid #d8d6d6;
	padding-top:15px;
	margin-right:15px;
}
#resultat td a
{

    font-size:0.7em;
    font-weight:bold;
    color:#464646;
    background-image: url("../Images/puce_actu.gif");
    background-repeat: no-repeat;
    background-position: 0 0.4em;
    padding-left: 0.6em;
}
#resultat td a:hover
{
    color:#f77125;
    background-image: url("../Images/puce_hover.gif");
    background-repeat: no-repeat;
    background-position: 0 0.4em;
    padding-left: 0.6em;
}

#plandusite ul li a
{

    font-weight:bold;
    color:#464646;
    line-height:25px;
}

#plandusite ul li
{
    background-image: url("../Images/fleche_bleu.png");
    background-repeat: no-repeat;
    padding:0px 0px 0px 24px;
    margin:0px 22px 0px 0px;
    list-style:none;
    font-size:0.75em;
    color:#747373;
    background-position: 0 0.6em;
}

#plandusite ul li ul li a
{
    font-size:0.9em;
    font-weight:normal;
}

#plandusite a
{
	text-decoration:none;
}

/* PAGER ------------------------------------------------------------*/
.pager
{
    font-size:0.7em;
    color:#464646;
    text-align:center;
    font-weight:bold;
    padding:0;
    margin:0;
}

.pager span
{
    color:#f77125;
    font-size:1.3em;
}

.pager a
{
    color:#464646;
    text-decoration:none;
}

/* DOSSIER ----------------------------------------------------------*/

#listes
{
    padding:0px 30px 10px 0px;
    margin:0;
}

.photo_temoignage_liste
{
    float:left;
    padding-right:15px;
}

.photo_dossier
{
    position:absolute;
    z-index:5;
}
.dossier
{
    border-bottom:1px solid #d8d6d6;
    padding:20px 0px 20px 0px;
    margin:0;
}
.dossier p
{
    font-size:0.7em;
    color:#747373;
    padding:0;
    margin:0;
}

.dossier_titre
{
    color:#f77125;
}

.dossier_lien
{
    font-size:0.7em;
    color:#747373;
    margin:0px 0px 0px 0px;
    padding:0px;
    float:right;
    width:95px;
}

.dossier_lien a
{
    color:#747373;
}

/* PROFIL EXPERT ----------------------------------------------------------*/

#intro_profil
{
    color:#747373;
    font-size:0.75em;
    margin-top:0px;
    margin-right:22px;
    padding-bottom:1em;
    border-bottom:1px solid #d8d6d6;
}

#bulle
{
    float:left;
    margin-top:100px;
    margin-left:-17px;
    margin-right:0px;
    position:absolute;
}

#ferme_bulle 
{
    float:right;
    height:14px;
    width:13px;
    margin-top: -17px;
    margin-right: 18px;
}

#ferme_bulle img
{
    border:none;
    margin-right:-20px;
}

#ferme_video 
{
    float:right;
    height:14px;
    width:13px;
    margin-right: 14px;
}

#ferme_video img
{
    border:none;
    margin-right:-32px;
}

#contenu_bulle
{
    float:left;
    margin-top:130px;
    margin-left:0px;
    margin-right:27px;
    position:absolute;
    width:295px;
}

.texte_bulle
{
    padding-top:10px;
    margin-right:15px;
    font-size:0.7em;
}

#liste_avis
{
    padding:0px 30px 30px 160px;
    margin:0;
}

#liste_avis p
{
    padding:0px 0px 1em 0px;
    margin:0;
}

.profil_expert
{
    border-bottom:1px solid #d8d6d6;
    padding:20px 0px 40px 0px;
    margin:0;
}

.profil_lien
{
    margin:0px 0px 0px 0px;
    padding:0px;
    float:right;
    width:auto;
}

.profil_lien div
{
    float:left;
    height:22px;
    margin:0;
    padding:0;
}

.profil_lien_centre
{
    background:white;
    border-top:1px solid #c6c3c3;
    border-bottom:1px solid #c6c3c3;
    float:left;
    margin:0;
    padding:0;
    vertical-align:middle;
}

.profil_lien div a
{
    color:#484747;
    font-size:0.7em;
    font-weight:bold;
    margin:0;
    padding:0;
    text-decoration:none;
}


.profil_lien img
{
    padding:0px;
    margin:0px;
    vertical-align:inherit;
}

/* ACTUS ----------------------------------------------------------*/

#intro_actus
{
    color:#747373;
    font-size:0.75em;
    margin:0px 22px 0px 0px;
    padding-bottom:1em;
    border-bottom:1px solid #d8d6d6;
}

.actus
{
    border-bottom:1px solid #d8d6d6;
    padding:15px 0px 0px 0px;
    margin:0;
}

.date_actus
{
    font-size:0.75em;
    color:#747373;
    font-weight:bold;
    padding:0em 0em 1em 0em;
}

/* DETAIL OFFRE ----------------------------------------------------------*/

#date_annonce
{
    border-bottom:1px solid #d8d6d6;
    font-size:0.75em;
    color:#747373;
    padding-bottom:1em;
}

#detail_offre
{
    margin-right:22px;
}

#navigation_offre
{
    font-size:0.7em;
    padding:1em 0em 2em 0em;
margin-bottom:30px;   
    }

#navigation_offre a
{
    color:#464646;
    font-weight:bold;
    text-decoration:none;
}

#retour_offres 
{
    float:left;
}

#suivprec
{
    float:right;
    width:auto;
    margin:0;
    padding:0;   
}

/* BLOC TEMOIGNAGE --------------------------------------------------*/
#temoignage
{
    background: url(../Images/temoignage-milieu.jpg) repeat;
    background-position:center top;
    width:480px;
}
#temoignage h4
{
    margin:0px;
    background: url(../Images/temoignage-haut.jpg) no-repeat;
    background-position:top;
    color:#f77125;
    padding:0.95em 0px 0.95em 25px;
    font-size:0.95em;
    height:33px;
}

#temoignage h4 span
{
    font-size:0.75em;
}

#temoignage p
{
    font-size:0.75em;
    padding-left:13px;
    padding-right:0px;
    margin-left:11px;
}

#temoignage p span
{
    font-weight:bold;
}



#temoignage p img
{
    margin-top:0px;
    margin-right:5px;
    float:left;
}



#bordure_bas_temoignage
{
    background: url(../Images/temoignage-bas.jpg) no-repeat;
    background-position:center bottom;
    height:25px;
}

/* QUIZZ ---------------------------------------------------*/
#quiz01
{
    background:url(../images/fond_quiz01.jpg) no-repeat;
    color:#464646;
    font-size:18px;
    font-weight:bold;
    margin-left:150px;
    padding-top:40px;
    width:380px;
}

#quiz03
{
    background:url(../images/fond_quiz03.jpg) no-repeat;
    color:#464646;
    font-size:18px;
    font-weight:bold;
    height:146px;
    margin-left:135px;
    padding-top:20px;
    width:400px;
}

#accroche_quiz
{
    padding-left:40px;
}

#sous_accroche_quiz
{
    font-size:14px;
    padding-left:23px;
}

#marques_quiz
{
    color:#f77125;
    font-weight:normal;
    padding-top:17px;
    text-align:center;
}

#marques_quiz a img
{
    border:none;
    margin-top:10px;
}

#question_quiz
{
    color:#747373;
    font-size:0.9em;
    font-weight:bold;
}

#question_quiz form p
{
    font-weight:normal;
}

#reponse_quiz
{
    border-top:solid 1px #f2d2c0;
    color:#f77125;
    font-size:11px;
    padding-top:30px;
}

#explication_quiz
{
    font-size:11px;
}

#question_quiz input.radio_quiz
{
    margin-left:22px;   
}

#question_quiz input.bouton_quiz
{
    background:url(../images/bouton_valider.jpg) no-repeat;
    border:none;
    color: #f77125;
    font-family:Verdana;
    font-size:13px;
    font-weight:bold;
    margin:15px 0px 40px 263px;
    padding:9px 0px 12px 19px;
    width:131px;
}

.question_suivante
{
    border:none;
    float:right;
}

.test_droit
{
    color:#484747;
    /*height:111px;*/
    margin-top:2px;
}
.test_droit img
{
	border:0px;
}

/* RECRUTEMENT ---------------------------------------------------*/
#recrutement
{
    margin-top:30px;
    float:right;
    /*width:215px;*/
    width:219px;
    padding:0;
}

#offres
{
    background: url(../Images/offres-bas.png) no-repeat;
    background-position: center bottom;
    height:143px;
    color:#3b3e41;
}

#offres h2
{
    margin:0px;
    font-size:0.95em;
    background: url(../Images/offres-haut.png) no-repeat;
    background-position: center top;
    padding: 11px 0px 21px 13px;
}

#offres p
{
    margin:0px;
    padding-left:13px;
    margin-top:-0.95em;
}

#offres select
{
    width:188px;
    font-size:0.65em;
    color:#6d6d6d;
    font-weight:normal;
}

#offres a
{
    color:#6d6d6d;
}

#offres span
{
    width:auto;
    float:right;
    font-size:0.7em;
    font-weight:bold;
    padding: 0.7em 22px 0.7em 20px;
    margin:0px;
    background: url(../Images/puce_recherche.gif) no-repeat;
    background-position:left center;
}

#candidature
{
    background: url(../Images/bouton.png) no-repeat;
    width:190px;
    margin: 11px 0px 20px 12px;
    height:24px;
}

#candidature h3
{
    margin:0px;
    color:#df8617;
    font-weight:bold;
    font-size:0.7em;
    padding-top:0.5em;
    text-transform:uppercase;
}

#candidature a
{
    color:#df8617;
    padding-left:28px;
}

#mma_stories_home
{
    background:url(../images/mma_stories_home.jpg) no-repeat;
    color:#484747;
    height:111px;
    margin-top:5px;
}

#mma_stories_home h2
{
    margin:0px;
    font-size:0.95em;
    padding-left:13px;
    padding-top:11px;
    padding-bottom:10px;
}

#mma_stories_home p
{
    font-size:10px;
    font-weight:bold;
    margin:0px;
    padding-left:13px;
}

#mma_stories_home p img
{
    float:left;
    margin-right:4px;
}
#mma_stories_home p a
{
    background:url(../images/puce_stories.gif) no-repeat;
    background-position:center left;
    color:#484747;
    font-weight:normal;
    line-height:3em;
    padding-left:15px;
}

#footer 
{
    color:#949494;
    font-size:0.7em;
    text-align:center;
    line-height:1em;
    padding-top:3em;
    padding-bottom:3em;
    background-color:White;
    width:986px;
}

#footer a
{
    color:#949494;
}

dd#lbulle 
{
	display:none;
}


dd#lexperimente
{
	display:none;
}

dd#letudiant
{
	display:none;
}

dd#ldiplome
{
	display:none;
}

#player
{
	padding-top:15px;
}