/*
 * Contient tout ce qui n'est pas couleur du template Echo (dominante rouge)
 */
#header, #pageContent, #blocs_wrapper_accueil, #footer	{width:600px}
#blocs_wrapper_accueil	{margin-bottom:0 !important;margin-top:0 !important}
#header .reseauxSociaux {position:absolute;right:10px;top:10px}
*		{margin:0;padding:0}
body	{font-family:"Verdana", Arial, sans-serif;font-size:13px}
h1, h3	{font-size:2em}
h2		{font-size:1.5em;font-weight:normal}
h4		{font-weight:normal;font-size:1.2em;font-style:oblique}
#background {position:fixed;z-index:-1}
.nomNaissance				{font-size:1.2em}
.reseauxSociaux .picto,
.reseaux_sociaux .picto		{height:22px;width:22px}
h2.abs.situation			{position:relative !important;text-align:right} /*#1374*/
#menu					{list-style-type:none;text-align:center}
#menu li				{display:inline-block;margin-right:-1px;;zoom:1;}
#menu li.current a		{font-weight:bold}
#menu li:first-child a	{border-left:0}
#menu li a				{display:inline-block;text-decoration:none;padding:10px;}
#footer, #webfolio-footer 				{margin:10px 0 0;text-align:center;margin-top:0 !important}
#footer ul, #webfolio-footer ul				{list-style-type:none;overflow:hidden}
#webfolio-footer ul {margin-top:0px;}
#footer ul li, #webfolio-footer ul li 			{display:inline-block;padding:0px 3px 3px;zoom:1;}
#footer ul li a, #webfolio-footer ul li a 		{font-size:9px;text-decoration:none}
#footer ul li a:hover, #webfolio-footer ul li a:hover	{text-decoration:underline}
.bloc			{ }
.bloc .inner	{overflow:hidden;padding:10px}
.bloc .inner li:first-letter	{text-transform:uppercase}
.bloc .bouton	{display:inline-block;padding:5px 10px;text-decoration:none}
.bouton.current, .bouton:hover 			{text-decoration:underline}
#pageContent .inner	{padding:10px 20px 10px 5px}
.titreRubrique			{margin-bottom:10px;padding:7px 0 0 10px;}
.titreRubrique h3		{font-size:1.5em}
.sousTitreRubrique h5	{font-size:1.3em;margin-left:15px}
.contenuRubrique		{margin-left:15px;overflow:hidden;padding:5px}
.contenuRubrique .dates	{ }
.elementRubrique						{padding-top:10px;overflow:hidden}
.elementRubrique:first-child			{border-top:none;padding-top:0}
.elementRubrique .contenu .contexte		{text-indent:20px;margin-top:1em}
.elementRubrique .contenu .resultats	{text-indent:20px;margin-left:1em}
.finRubrique							{height:24px;margin-bottom:15px;margin-top:5px}
.elementRubrique .lienDocuments			{float:right;padding:2px 0 2px 15px}
.elementRubrique .documentsDetail		{float:right}
.elementRubrique .documentsMiniatures {left:-38px;overflow:visible !important;position:relative;width:530px}
.elementRubrique .documentsMiniatures .ressource {display:inline-block;float:left;min-height:103px;overflow:visible !important;text-align:center;width:103px}
.elementRubrique .documentsMiniatures .ressource a {color:#999;font-size:0.7em;font-style:oblique}
.elementRubrique .documentsMiniatures .ressource .miniature {float:left}
.elementRubrique .documentsMiniatures .ressource .miniature div {border:1px solid #ccc;display:inline-block;float:left;height:66px;margin-right:5px;overflow:hidden;position:relative;width:88px}
.elementRubrique .documentsMiniatures .ressource .miniature div .loupePreviewPetit{height:66px !important;width:88px !important}
.elementRubrique .documentsMiniatures .ressource .miniature img.thumbnail {height:auto;width:88px !important}
.elementRubrique .documentsMiniatures .ressource .open_thumb_link {clear:left;display:block;position:relative}
.elementRubrique .documentsMiniatures .ressource .filesize {display:none}
table.niveauxLangue								{border-collapse:collapse;width:100%}
table.niveauxLangue th, table.niveauxLangue td	{padding:2px 5px}
table.niveauxLangue td.evaluations				{width:138px;border-right:0 !important;}
.legendeNiveauxLangue							{overflow:hidden }
.legendeNiveauxLangue a							{float:right;font-size:85%;padding:2px 15px }
.articleBlog					{margin-bottom:10px;padding:7px 0 0 10px}
.articleBlog .dates				{margin-top:5px}
.articleBlog .titreArticle		{font-size:1.2em;margin-top:5px;padding-left:10px}
.articleBlog .contenu			{padding-left:10px;padding-top:10px}
.temoignage						{clear:both;margin-left:5px;margin-bottom:20px;padding:5px;overflow:hidden}
.temoignage .bulle				{margin-right:150px;padding:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
.temoignage .flecheBulle		{height:14px}
.temoignage .flecheBulle .fleche		{top:-1px;left:50px}
.temoignage .temoin				{float:right;text-align:right;width:140px}
.temoignage .reseaux_sociaux a	{display:inline-block;height:22px;width:22px}
.temoignage .reseaux_sociaux	{max-width:115px;float:right}
form .button, form .button_annuler		{cursor:pointer;display:inline-block;padding:3px 10px}
ul.square {list-style-type:square}
.sousTitreRubrique h5					{font-size:1.5em;font-weight:bold;margin-bottom:5px}
.toggle .sousTitreRubrique h5			{background:url('../img/plus_moins.png') no-repeat 0 -39px;cursor:pointer;padding-left:30px}
.toggle.closed .sousTitreRubrique h5	{background:url('../img/plus_moins.png') no-repeat 0 3px;padding-left:30px}
.v_spacer		{height:10px}
.contenuRubrique img, #pageContent img {height:auto;max-width:550px}
.blocDocuments img {position:relative;top:2px;right:6px}
.bouton.partager 		{background-image:url("../img/picto_partager.gif") !important;background-position:2px 0 !important;font-size:100% !important;padding:1px 10px 2px 30px;position:absolute;right:0;top:0 }
#bookmarklets 			{background:none repeat scroll 0 0;margin-top:9px;max-width:96px;overflow:hidden;position:absolute;right:0}
#bookmarklets a 		{background:none;float:left;padding:5px }
.erreur404		{background:url('../img/404_bottom.png') no-repeat bottom center #fff;margin:20px auto;padding-bottom:50px;width:459px}
.erreur404 p	{color:#4d4d4d;font-family:'Trebuchet MS',Verdana;font-size:30px;text-align:center;text-transform:uppercase}
.erreur404 .desole	{text-align:left;text-indent:40px}
.erreur404 .num404	{font-size:240px;line-height:210px}
.erreur404 .erreur	{white-space:nowrap}
.bloc_accueil .draggable {background:url('../../_commons/img/puce_fake.png') no-repeat left center;line-height:20px;min-height:22px;padding-left:15px;text-align:left}
.bloc_accueil #rubrique_formation.draggable, .bloc_accueil #rubrique_experience.draggable {background:none}
.bloc_accueil #rubrique_formation.draggable:hover h4, .bloc_accueil #rubrique_experience.draggable:hover h4{background:#fbe1ce }
.bloc_accueil {clear:left;float:left;margin-bottom:10px;width:49%}
.bloc_accueil:nth-child(2n) {clear:none;margin-left:2%}
.reseau_social label {margin:0 !important}

.webfolio_header_cols {
  display:flex;
}
.webfolio_header_col_nomtitre {
  flex-grow:1;
}
.webfolio_header_col_reseauxsociaux {
  display:flex;
  flex-direction:column;
  gap:8px;
}
#header .webfolio_header_cols .reseauxSociaux {
  position:static;
}