@charset "utf-8";
/* CSS Document */

/*********** COMMUN *************/
body{background: #f6f8f9 url(../images/bg_general.gif) repeat-x 0 0; margin:0; padding:0; color:#40454e; font-family:Arial, sans-serif; font-size:1.0em;}
img{border-width:0; margin:0;}
form{padding:0; margin:0;}
ul{margin:0; padding:0; font-size:0.8em; list-style-position:inside;}
br.vide{display:block; margin:0; padding:0; clear:both;}
a{color:#1a93e0;}
p{margin:0; padding:0; font-size:0.8em;}
h1{margin:0 10px 0 0; font-size:1.6em; padding:8px 0 8px 0;  color:#40454e; background-color: transparent; }
h2{margin:0; padding:3px 0 6px 0; color:#40454e; font-weight: lighter; font-size:1.1em;}
h3{margin:0; padding:4px 0 2px 0px; color:#FFFFFF; font-weight: bold; font-size:0.9em;}
span.surlignage_blanc{ background-color: #FFFFFF; padding:0;}
span.surlignage_noir{ background-color: #515151; padding:0; color:#FFFFFF; padding:3px 0px 2px 0;}
.en_savoir_plus{color:#1a93e0; font-size:0.8em; text-decoration:underline;}
.champ_obl{border:1px solid red;}
.champ_ok{border:1px solid #FFFFFF;}
.attention_erreur{border:2px solid red; background-color:#FFFFFF; padding:20px; margin-bottom:10px; font-size:1.0em;}
.nbre_article{color:#9da0a3; font-size:0.7em;}

/***************PAGE*****************/
/* Sommaire */
#page_sommaire h1{ margin:0; font-weight:bold; font-size:3.0em; padding:20px 0 0 15px; color:#40454e; border-bottom:0; float:none; background-color: transparent; width:auto; line-height:1.15em; }

#page_sommaire .description_site{ margin:0; font-weight: lighter; font-size:1.1em; padding:10px 0 10px 15px; color:#2f79be; width:580px; line-height:1.5em; }
.zone_telecharger_cv{ background:transparent url(../images/btn_accueil_telecharger_mon_cv.gif) no-repeat 0 0; width:215px;  padding:5px 38px 60px 0; font-size:1.0em; margin-top:60px; margin-left:50px;}
a.btn_telecharger_cv{padding:5px 45px 8px 14px; font-size:1.0em; font-weight:bold; color:#ecf3f6; background:transparent url(../images/btn_accueil_telecharger_mon_cv.gif) no-repeat 0 0;}
a.btn_telecharger_cv:hover{padding:5px 45px 60px 14px; font-size:1.0em; font-weight:bold; color:#FFFFFF; background:transparent url(../images/btn_accueil_telecharger_mon_cv_on.gif) no-repeat 0 0;}

/* Bloc modele pour encadrer informations - qui suis je, mon parcours */
#divers, #formation, #competences, .bloc_modele_contenu{margin-left:15px; line-height:1.1em; }
#divers h2, #formation h2, #competences h2, .bloc_modele_contenu h2{position:relative; top:10px;}
#divers h3, #formation h3, #competences h3, .bloc_modele_contenu h3{color:#2f79be; margin-bottom:5px;}
#divers .contenu, #formation .contenu, #competences .contenu, .bloc_modele_contenu .contenu{border:2px solid #FFFFFF; padding:15px 10px 20px 10px; margin-left:5px; margin-right:10px;}
#divers ul, #formation ul, #competences ul , .bloc_modele_contenu ul {margin-bottom:15px;}

#divers ul li, #formation ul li, #competences ul li, .bloc_modele_contenu ul li{margin:3px 0; list-style-type:square;}


/* Page contact */ 
#form_contact {font-size:0.8em; font-weight:bold; margin-left:20px;}
#form_contact p {font-size:1.0em;}


/********** Colonne infos persos *************/
#part_gauche{float:left; width:580px;}

/********** Colonnes references ***********/ 
#part_droite{float:left; margin-left:20px;}

#quelques_ref{}
#quelques_ref h2{position:relative; top:15px; }

.liste_ref{display:block; margin:0; border:2px dotted #515151; padding:10px 10px; margin-left:5px; width:320px; background-color:#FFFFFF;}
.une_ref_de_la_liste{border-bottom:1px solid #e9ebec; padding:6px 0;}
.une_ref_de_la_liste_ss_separateur{border-bottom:none; padding:6px 0;}
.une_ref_de_la_liste p { padding-bottom:10px; font-size:0.7em; text-align:left;}
.une_ref_de_la_liste p img{display:block; float:left; margin-right:10px;}
.une_ref_de_la_liste h3, .une_ref_de_la_liste h3 a{font-size:1.0em; color:#40454e;}
.une_ref_de_la_liste a:hover{text-decoration:underline;}

/* Partie du bas */
#page_sommaire #a_la_une{}
#page_sommaire #une_breve{border:0px solid red; width:330px; }
#page_sommaire #une_breve h3{font-size:1.2em; font-weight:lighter;}
#page_sommaire #une_breve p{margin-left:5px;}



/************* BARRE HT INFOS PERSOS ****************/
#barre_infos{background-color:#505050; border-bottom:1px solid black; width:100%}
#barre_infos p{width:984px; text-align: left; margin-left: auto; margin-right: auto; padding:2px 0 2px 10px; color: #FFFFFF; font-size:0.8em;}
.envoyermail{color:#FFFFFF; text-decoration:underline;}


/************* ENTETE ****************/
#entete{ width:100%; }
#bloc_menu{padding-left:10px; border:0px solid red; position:absolute; top:50px; }
/* menu principal */
#menu_principal{float:left; list-style-type:none; border:none; font-size:0.8em; }
#menu_principal li{float:left; padding:14px 8px 5px 8px; background:transparent url(../images/ht_onglet_off.gif) repeat-x 0 5px; margin:0 2px;}
#menu_principal li.on{ border:1px solid #cad7e4;  border-bottom:0px solid #cad7e4; font-weight:bold; background-color:#f5f8fb; background-image:none; padding:10px 8px 10px 8px;}
#menu_principal li.on a{ color:#407fc6;}
#menu_principal li a{text-decoration:none; padding:0; color:#727980;}
#menu_principal li a:hover{text-decoration:underline; color:#464c55;}


/************* BLOC TITRE ****************/
/* Bloc titre */
#bloc_titre{border-bottom:1px solid #dbe4ed; margin-right:15px;}

/* sous_menu */
#sous_menu{display:block; float:left; margin-left:30px; margin-top:13px; list-style-type:none; border:none; font-size:0.8em;}
#sous_menu li{float:left; margin:0 4px; border:1px solid #e4e7ea; background-color:#FFFFFF;}
#sous_menu li span.on{ display:block; font-weight:bold; color:#407fc6; background-color:#FFFFFF; background-image:none; padding:3px 4px;}
#sous_menu li a{ text-decoration:none; display:block; padding:3px 4px; color:#81868e;}
#sous_menu li a:hover{text-decoration:none;  padding:3px 4px; color:#464c55; background-color:#f5f8fb;}


/************** CONTENU ***************/
#bloc_principal{padding:64px 0 0 0;}

#contenu_bloc_principal {background:#f6f8f9 url(../images/bg_contenu_general.gif) repeat-x 0 0; border-top:1px solid #cad7e4; border-bottom:1px solid #cad7e4; border-left:1px solid #cad7e4; border-right:1px solid #cad7e4; padding:0; margin:0; padding-left:15px; padding-bottom:40px;}

#hierarchie{margin-top:5px; font-size:0.6em;}

#descriptif_rubrique {width:auto; margin-bottom:10px; border:2px dotted #FFFFFF; margin-right:22px; padding:5px; font-size:0.8em; font-weight:normal; color:#2f79be; line-height:1.4em;}

/********** BLOC REFERENCE ************/
.bloc_ref{padding-left:15px; float:left; width:46%; background-color:#f0f4f7; border:3px solid #FFFFFF; margin-right:12px; margin-bottom:10px;}
.bloc_annee{float:right; }
.bloc_annee span{text-align:right; display:block;width:30px; font-size:0.7em; color:#acb5bb; background-color:#ffffff; padding:2px 3px 2px 1px;}
h2.titre_ref{padding-top:10px;}
h2.titre_ref a{color:#40454e;}
h2.titre_ref a:hover{}
.mot_clefs_competences_et_type{width:auto; color:#55ace9; font-size:0.7em; margin-bottom:6px;}
.descriptif_rapide{padding-bottom:1.0em; text-align:left;}
.sans_url_ref{color:#9da0a3; font-size:0.7em;}
a.url_ref{color:#9da0a3; text-decoration:underline;}
a.url_ref:hover{color:#292929; text-decoration:underline;}
.bloc_logo{ border:0px solid #dcdfe4; float:right; margin: 5px 10px 10px 5px; padding:0; display:block;}

/************** Footer ***************/