* {margin:0;padding:0}
html {background:#ddd;height:100%}
body {background-color:#FFF;color:#414141;font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;font-size:0.7em;height:100%}

#MB_caption {font-size:1.2em !important}
#MB_content {font-size:1em !important}
#container {min-height:100%;background-color:#fff}
#header, #footer{background-color:#DDD;height:100px}
.controller_annuaire_webfolios #header {height:25px}
#header_footer_reserved	{height:150px}
#footer	{margin-top:-100px}

h2, h3 {font-size:100%}
a.logo_link {color:#fff;display:block;height:100px;width:450px}
img#captcha {border:1px #4e2564 solid}
#column_1 {float:left;width:325px}
#column_2 {float:left;width:355px}
#column_3 {float:left;width:300px}
.inner_column {padding:20px}
.inner_column h2,.inner_column h3 {color:#4e2564}
.inner_column h2 {padding-top:5px}
.inner_column h3 {margin-bottom:10px}
.inner_column a {font-size:100%;font-weight:bold;color:#4e2564}
.article {padding-bottom:20px}
.next_article {padding:20px 0;border-top:1px #4e2564 dotted}
.inner_column p {text-align:justify}
.para_light,p {line-height:140%}
.section_title,.miniform_title {clear:both}
.section_title {background:#fff url('../img/section_border.gif') repeat-x bottom left;height:26px}
.section_title h2 {padding-top:7px}
.miniform_title {height:31px}
.miniform_title h2 {padding-top:9px}
.section_left,.section_right,.miniform_left,.miniform_right {background-repeat:no-repeat;float:left;height:100%;width:9px}
.section_middle,.miniform_middle {float:left;height:100%;background-repeat:repeat-x}
.section_content {padding:15px 0}
.player {text-align:center;padding:15px 0}
.right_link {padding-top:10px;text-align:right}
.img_para_left {float:left;margin-right:8px}
.footer_links {position:relative;top:50px;left:275px;width:50%}
.footer_links a {font-size:100%;text-decoration:none;font-weight:normal;color:#4e2564}
.footer_links a:hover {text-decoration:underline}
.center	{text-align:center}
.right	{text-align:right}
.error-message {float:right;clear:none;text-align:justify;font-size:85%;color:#900}

/* Forms */
fieldset {border:1px solid #ccc;margin-top:30px;padding:16px 20px}
fieldset legend {background:#fff;color:#e32;font-size:160%;font-weight:bold}
fieldset fieldset {margin-top:0px;margin-bottom:20px;padding:16px 10px}
fieldset fieldset legend {font-size:120%;font-weight:normal}
fieldset fieldset div {clear:left;margin:0 20px}
form div {clear:both;padding:6px 0}
/* a.form_link {color:#ea690b;font-size:85%;font-weight:normal;text-decoration:none} */
form a{color:#ea690b;font-size:85%;font-weight:normal;text-decoration:none}
a.form_link:hover {text-decoration:underline}
form div.input,form div.select {color:#444}
form div.required label {background:url('../img/asterisk.gif') right top no-repeat}
form .legende_asterisque {background:url('../img/asterisk.gif') left center no-repeat;padding-left:15px}
form div.submit {clear:both;margin-top:10px;overflow:hidden}
label {float:left;padding-right:5px;margin-right:5px;width:100px}
input[type=text], input[type=password]	{border:1px solid #ABADB3}
input,textarea,select {float:right;font-size:105%;padding:1px;width:168px}
#form_temoignage_reponse_demande input, #form_temoignage_reponse_demande textarea, #form_temoignage_reponse_demande select			{float:none}
#form_temoignage_reponse_demande label, #form_temoignage_reponse_demande .label, #form_temoignage_reponse_demande .error-message	{font-weight:bold}
#form_temoignage_reponse_demande #contact		{padding-top:0}
#form_temoignage_reponse_demande #contact label	{font-weight:normal;text-align:right}
#form_temoignage_reponse_demande #contact div	{padding:0}
#form_temoignage_reponse_demande textarea {font-family:verdana,arial,helvetica,sans-serif;font-size:90%}
select {float:right;vertical-align:text-bottom;width:auto}
select[multiple=multiple] {width:172px}
option {padding:0 3px}
input[type=checkbox] {clear:left;float:left;width:auto}
input[type=radio] {float:left;width:auto;margin:0 3px 7px 0}
div.radio label {margin:0 0 6px 20px}
.float_right	{float:right}
.float_left		{float:left}
.no_bottom_padding {padding-bottom:0px}
.form_end {overflow:hidden}

/* Affichage des messages informatifs et des messages d'erreur */
.message, .confirm {background-color:#fee;color:#900;background-image:url('../img/exclamation_error.png');background-position:15px 50%;background-repeat:no-repeat;border:1px #900 dotted;padding:10px 20px 10px 55px}
.confirm{background:url('../img/interface/flash_message/confirm.png') no-repeat 15px center #ededed;background-color:#EEFFEE;border:dotted 1px #10A031;color:#10A031}
#flashMessage {margin:0 auto 20px;text-align:justify;width:500px}
#flashMessage p	{color:#990000 !important;font-weight:normal !important}
#identification .login_form	{border:1px solid #8A8B8C;box-shadow:2px 2px 1px #d4d4d4;margin:0 auto;padding:7px 10px;width:300px}
#identification .login_form .voir_mdp {float:right}
#identification .login_form .voir_mdp .fa {font-size:1.7em;margin:1px 0 0 5px}
#identification .login_form input {width:170px}
#identification .login_form label {width:90px}
#identification .password_clear_div {display:block !important}

#identification.iframe .login_form {box-shadow:none}
#identification.iframe .password_clear_div {display:inline-block !important;position:relative}
#identification.iframe .login_form .voir_mdp {float:none;position:absolute !important;right:17px;top:5px}

/* Erreur lors de l'identification ou de l'inscription, session expirée (erreur_identification.ctp, erreur_inscription.ctp, session_timeout.ctp) */
#identification_error {margin:0 auto;width:355px}
#identification_error label {width:105px}
#identification_error input,#identification_error textarea,#identification_error div.error-message	{width:168px}
#identification_error div.error-message {padding:0 2px}
#identification_error input[type=submit] {width:34px}

/* Oubli du mot de passe (raz_mdp_initial.ctp, raz_mdp_ticket.ctp) */
#password_reinit {border:1px solid #8A8B8C;padding:7px 10px 0;margin:0 auto;width:280px}
#invitation {clear:none;margin:0 auto;width:100%}
#password_reinit form div {width:274px}
#invitation form div {width:100%}
#password_reinit label,#invitation label {margin-top:10px;padding-left:0;padding-right:9px;width:auto}
#invitation label {font-weight:bold;color:#4e2564}
#password_reinit input,#password_reinit select,#invitation input {float:none !important;width:177px}
#invitation input {width:215px}
#password_reinit div.submit{width:auto !important}
#password_reinit input[type=submit],#invitation input[type=submit] {width:34px}
#password_reinit .form{clear:both;margin:25px auto 0;width:220px}
#password_reinit .miniform_content {padding:10px 40px}
#password_reinit .pwd_reinit_img {background-repeat:no-repeat;background-position:top center;padding-top:40px}
#password_reinit .pwd_reinit_img_lgd				{font-style:italic}
#password_reinit .pwd_reinit_img_lgd .float_left	{margin-left:10px}
#password_reinit .step_1 {background-image:url('../img/pwd_reinit_step_1.gif')}
#password_reinit .step_2 {background-image:url('../img/pwd_reinit_step_2.gif')}
#password_reinit .question {float:left;font-weight:normal;margin-top:10px;text-align:justify}
#password_reinit .question p {margin-top:10px}
#password_reinit input.fixed_size {width:272px}

/* Formulaire activation (activation.ctp) */
#activation {width:800px;margin:0 auto}
#activation .inner_column {padding:20px 0}
#activation p {text-align:justify;font-weight:bold;color:#4e2564}
#activation p.unbold {font-weight:normal}
#activation form div {width:auto}
#activation form label {width:135px}
#activation select, #activation input,#activation textarea,#activation div.error-message {width:196px}
ul#organismes fieldset select	{}
ul#organismes fieldset label	{margin-bottom:4px}
#activation div.error-message {	padding:0 2px}
#activation .miniform_middle	{text-align:center}
#activation .miniform_content	{padding:20px}
#activation #column_1,#activation #column_2 {clear:none;float:left;padding-top:0;padding-right:22px;width:355px}
#activation #column_2 {padding-left:24px;border-left:1px #4e2564 dotted;margin-bottom:20px}
#activation #optin {border-top:1px #4e2564 dotted}
#activation div.password div.error-message 									{clear:both}
#activation div.checkbox,#activation form div.submit 						{text-align:center}
#activation div.checkbox input,#activation div.checkbox label,#activation input[type="submit"] {width:auto;float:none}
#activation div.checkbox label {margin-left:10px}

/* Erreur double connexion (double_connexion.ctp) */
#redundant_connection_error {width:400px;margin:0 auto}
#redundant_connection_error .miniform_content {border-top-width:3px}
#redundant_connection_error h3 {font-size:130%}
#redundant_connection_error .buttons {margin-top:10px;overflow:hidden}
a.fleche_b, a.fleche_h {display:block;float:right}
a.fleche_b {	background:url('../img/icones/fleche_bas.gif') 0 2px no-repeat;width:111px;	}
a.fleche_h {	background:url('../img/icones/fleche_haut.gif') 0 2px no-repeat;width:67px;	}
a.pdf, a.pps {display:block;font-weight:bold;height:20px;padding:5px 0 0 30px}
a.pdf {background:url('../img/pdf_icon.gif') 0 2px no-repeat}
a.pps {background:url('../img/pps_icon.gif') 0 2px no-repeat}

#logo_app				{margin:20px auto 30px;width:200px}
#logo_app h1.text_right	{color:#3A4652;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:120%;font-weight:bold;padding-right:10px}

#infos_header 		{color:#fff;font-size:85%}
#infos_plateforme	{color:#ccc;font-size:85%}

/*activation*/
#activation .form_table			{padding:10px 20px 5px}
#activation form				{background-color:#FFF}
#activation .consigne			{font-style:normal;padding-left:0}
#activation .consigne p			{color:#3A4652 !important}
#activation .form_table			{border:1px solid #3A4652}
#activation .fake_bottom_form 	{background-color:#E0E6F2;height:5px}
#activation div.submit input	{width:auto !important}
#activation #column_2 			{padding-right:0}

/*raz_mdp_initial*/
#password_reinit.raz_mdp_initial 					{padding:7px 10px}
#password_reinit.raz_mdp_initial form				{clear:both;text-align:center}
#password_reinit.raz_mdp_initial label				{margin-bottom:5px;width:100%}

/*raz_mdp_ticket*/
#password_reinit.raz_mdp_ticket						{padding:7px 10px;width:289px}
#password_reinit.raz_mdp_ticket form div			{width:auto}
#password_reinit.raz_mdp_ticket div.submit			{padding:0}
#password_reinit.raz_mdp_ticket input[type="text"]	{width:285px}
#password_reinit.raz_mdp_ticket .error input[type="text"]	{width:275px}
#password_reinit.raz_mdp_ticket input[type=submit]	{display:block;margin:0 auto}

/*raz_mdp*/
table.form td.label, table.form tr.required td.label label {background-color:#FFF !important}
table.form tr 										{border-right:0 none !important}
table.form tr.submit								{background:none !important}
#password_reinit.raz_mdp							{padding:7px 10px;width:289px}
#password_reinit.raz_mdp label						{float:left !important;margin-top:0;width:105px}
#password_reinit.raz_mdp input[type=password]		{float:right!important;width:164px}
#password_reinit.raz_mdp form div					{width:auto}
#password_reinit.raz_mdp div.submit					{padding:0}
#password_reinit.raz_mdp input[type=submit]			{display:block;margin:10px auto 0}
#password_reinit.raz_mdp .consigne					{text-align:justify}
#raz_mdp 											{border:1px solid #8A8B8C;margin:0 auto;padding:7px 10px 0;width:550px}

/* champs autocomplet (CP - ville) */
input.autocompletable				{background:url('../img/interface/ajax_autocompletable.gif') no-repeat right center;border-width:1px;padding-right:18px;width:180px !important}
input.autocompletable:focus			{background:url('../img/interface/ajax_autocompletable_focused.gif') no-repeat right center}
input.autocompletable.ajax_pending	{background:url('../img/interface/ajax-loader.gif') no-repeat right center}
.autocomplete_response				{background:#fff;border:1px outset;margin-top:17px;max-height:none !important;padding:0;position:absolute;right:0;width:200px !important;z-index:2}
.autocomplete_response .none		{padding:2px 5px}
.autocomplete_response ul 			{list-style-type:none}
.autocomplete_response ul li:hover, .autocomplete_response ul li.selected	{background-color:#ea690b;color:#fff}
.autocomplete_response ul li span	{color:#000}

a.external {background:url('../img/interface/external_link_blue.png') no-repeat right 3px;padding-right:20px}
#UtilisateurIdentificationForm input.button_valider	{text-align:center;min-width:40px}
#UtilisateurIdentificationForm	label	{text-align:right}

form h2		{margin-bottom:10px}

#investigation_form, #inscription_form, #activationInscriptionMdp	{background:#F8f3f7;border:solid 1px #000;margin:0 auto;padding:10px;width:400px}
#investigation_form input.autocompletable {background-color:#fff;width:213px !important}
#investigation_form .autocomplete_response {left:145px;width:232px !important}

form div.error		{background-color:#fee;color:#900;padding:2px 5px 2px 10px;text-align:justify}

#inscription_form			{padding:10px 10px 10px 20px;width:490px}
#investigation_form .error	{overflow:hidden;padding:6px 0}
#investigation_form .cp_ville_demande_investigation.error	{overflow:visible;min-height:60px}
#inscription_form .error	{margin:5px 0 5px 10px}
#inscription_form .checkbox.error	{margin:0}
#investigation_form label, #inscription_form label, #activationInscriptionMdp label		{margin:0 20px}
form .errorInput label, form .error	label	{color:#900;font-weight:bold}

form .errorInput	input	{border:solid 2px #900 ! important}
#investigation_form input[type=text], #inscription_form input[type=text], #inscription_form input[type=password], #activationInscriptionMdp	input[type=text], #activationInscriptionMdp input[type=password] {border:solid 1px #ABADB3;float:left;width:230px}
#inscription_form select	{border:1px solid #ABADB3}
#investigation_form input[type=submit], #inscription_form input[type=submit], #activationInscriptionMdp	input[type=submit] {width:auto}
#investigation_form div.submit_cancel, #inscription_form div.submit_cancel	{margin-top:15px;padding:1px 7px}

.form_table .submit_cancel a		{color:#5F7499 !important;text-decoration:none}
.form_table .submit_cancel:hover a	{color:#fff !important}

#UtilisateurPropositionImport input[type=submit], 
#UtilisateurPropositionActivation input[type=submit]	{float:none !important;margin:0 auto;width:auto !important}
#UtilisateurPropositionImport div.submit, 
#UtilisateurPropositionActivation div.submit	{text-align:center !important}

/* import depuis proto */
#import_progress_wrapper	{border:solid 1px #6C237F !important;height:13px;width:208px}
#import_progress			{background:url("../img/clients/inffolor/interface/loader_mac.gif") no-repeat -6px -3px  !important;height:13px;left:0}
#import_progress.complete	{background:#AA38C9}

/* inscription */
.paragraphe .circle		{background:url('../img/circle_violet.png') no-repeat center center;color:#7F0D5D;font-size:16px;height:30px;line-height:30px;text-align:center;width:30px}
.paragraphe h2			{color:#7F0D5D;font-size:15px;line-height:30px;padding-left:10px}
.paragraphe .consigne	{color:#7F0D5D;display:block;font-style:normal;margin-top:-13px;padding:0 0 0 40px}

#inscription_form div.checkbox label	{line-height:13px;margin:2px 0 10px 10px;padding:0;max-width:400px;width:auto}
#inscription_form div.checkbox			{padding:0}
#inscription_form input[type=checkbox]	{margin:2px 0 15px;padding:0}
#inscription_form select				{float:left}
#inscription_form .select.error			{background-color:transparent}
#inscription_form .autocomplete_response	{left:145px}
#inscription_form input.autocompletable	{background-color:#fff;padding:2px 5px 2px 10px}
#inscription_form .error-message		{background-color:#fee;color:#900;float:left;font-size:1em;padding:2px 5px 2px 10px}
#inscription_form input.form-error		{border:2px solid #900 !important}
#inscription_form .select.error .error-message	{clear:both}
#inscription_form .input.text.error		{padding-left:0}
.intro_formulaire	{color:#a7a7a7;font-size:15px}

a.charte_donnees_personnelles	{color:#0036FF;cursor:pointer;font-size:11px;text-decoration:underline}

/* annuaire webfolios */
#subcontainer	{display:block;margin:0 auto 20px;width:970px}

body.controller_annuaire_webfolios h3 				{color:#A32883;float: left;font-size:18px;font-weight:normal;margin-bottom:7px}
body.controller_annuaire_webfolios h3.breadcrumb	{color:inherit}
body.controller_annuaire_webfolios h3.breadcrumb a	{color:#A32883;text-decoration:none}

span.recent						{color:#A32883}
.boite 							{background-color:#F8F3F7;clear:both}
.boite.apercu_les_plus			{min-height:250px}
.webfolio						{height:44px;padding:10px 7px}
.webfolio:last-child 			{margin-bottom:0}
#webfolios_les_plus_recents .webfolio, #webfolios_les_plus_consultes .webfolio {height:30px}
#webfolios_les_plus_recents .webfolio span.recent {display:none}
.webfolio img 					{border:0;margin-right:7px;margin-top:-5px}
.webfolio .presentation			{margin-top:3px}
.lnd_tous						{height:0}
.readmore						{border:1px solid #A32883;border-radius:6px 6px 6px 6px;display:block;float:right;font-style:italic;line-height:1em;margin-top:4px;padding:0.28em;text-decoration:none !important}
.readmore:hover					{background:#A32883;color:#fff}
#secteurs_activites 			{width:68%}
#secteurs_activites .boite 		{min-height:510px;padding:20px}
#secteurs_activites .secteur	{margin:0 15px}
#secteurs_activites .secteur div {letter-spacing:-1px}
#sites_web_container			{padding:10px 60px 20px}
#sites_web_container .webfolio	{border-bottom:1px dotted #000;height:44px;padding-bottom:10px}
.paging							{padding-top:50px}
.paging a						{color:#A32883;display:inline-block;text-decoration:none;width:100%}
.paging span					{display:inline-block;border:1px solid #A32883;border-radius:4px; padding:2px 5px}
.paging span.current			{border:0;color:#000;font-weight:bold;padding:2px 0}

ul#organismes .iteration 		{list-style-type:none !important;overflow:visible !important}
ul#organismes .iteration label	{display:inline-block;width:130px}
ul#organismes fieldset			{border:solid 1px #ccc;margin:0;padding:5px;position:relative}
/*ul#organismes li:last-child fieldset div {margin-bottom: 0}*/
ul#organismes a.lien_image		{margin:0;right:-15px;top:-4px}
ul#organismes li input[type=text]	{max-width:175px;padding-right:18px}
ul#organismes .autocomplete_response	{left:0;margin:0;padding:0;position:relative;width:195px !important}
ul#organismes .autocomplete_response ul {list-style-type:none !important;margin:0;padding:0}
ul#organismes .autocomplete_response ul li{list-style-type:none !important;margin:0;padding:0}

/*organismes à l'activation d'un compte*/
#activation label[for="UtilisateurRechercheEmploi"] {vertical-align: 1px}
#activation ul#organismes fieldset div {width: 100% !important}
#activation ul#organismes fieldset div select {float: none; width: 100% !important}
#activation ul#organismes fieldset li:last-child div {margin-bottom: 0}
#activation ul#organismes fieldset input[name$="[type_autre]"] {margin-right: 5px; width: 120px}
#activation ul#organismes fieldset .v_spacer {display: none}
#activation ul#organismes fieldset .bouton_image {padding: 11px 0 0 10px}

#activation.pro #organismes {padding-top: 5px}
#activation.pro #organismes li input[type=text] {float: none; max-width: inherit; width: 315px !important}
#activation.pro #organismes input[name$="[search]"]	{max-width: inherit; text-indent: 10px; width: 315px !important}
#activation.pro #organismes li fieldset				{border: 0; padding: 0}
#activation.pro #organismes li:last-child:last-child	{margin-bottom: 0 !important}
#activation.pro #organismes li:last-child fieldset	{margin: 0}
#activation.pro #organismes label {float:none; width:100%}

#activation.pro .consigne.required	{background: rgba(0, 0, 0, 0) url("../img/asterisk.gif") no-repeat scroll right top}
#activation.pro .lower.italic a		{text-decoration: none !important}
#activation.pro .lower.italic a:hover{text-decoration: underline ! important}
#activation.pro .iterate_button		{display: block; margin-top: 5px; text-decoration: none}
#activation.pro #UtilisateurSituationPerso {float: none}
#activation.pro .consigne .asterisque {background: rgba(0, 0, 0, 0) url("../img/asterisk.gif") no-repeat right center; display: inline-block; width: 15px}

#activation.pro #organismes .consigne_organisme 		{font-size: 95%}
#activation.pro #organismes .iteration label			{color: #000; width:100%}
#activation.pro #organismes .consigne_organisme span 	{display: block}
#activation.pro #organismes .lien_image.remove_organisme_existant .bouton_image {margin-right: 19px; padding: 12px 0 0; width: 8px}

.demander_invit {color:#ea690b;font-size:1.2em}
.demander_invit .fa {font-size:1.6em;position:relative;top:4px}

/*28 jul 17*/
form div.error {text-align: left}
#UtilisateurRazMdpInitialForm .error {text-align: center}
#UtilisateurRazMdpInitialForm .error-message {display: none !important}

#password_reinit .pwd_reinit_img_lgd > div {text-align: center;}
#password_reinit .step {background: #fff; color: #3A4652; border: 2px solid #3A4652; border-radius: 50%; font-size: 210%; height: 40px; line-height: 40px; margin: 0 auto; width: 40px;}
#password_reinit .step + span {color: #3A4652;}
#password_reinit .step.active {background: #3A4652; color: #fff}
#password_reinit .step.active + span {font-weight: bold}
#password_reinit .step-between {position: relative; top: 20px; width: 110px; border: 1px solid #3A4652; left: -20px; display:none}
#password_reinit.raz_mdp_ticket input[type="text"] {width: calc(100% - 15px)}
#password_reinit form div {width: auto}
#password_reinit input, #password_reinit select, #invitation input {width: 189px}