/************************************* Propriétés du corps de page **************************************************/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	text-align:justify;	
	margin:0px;
	padding:0px;
}


p,td { font-family: Arial, Helvetica, sans-serif; font-size: 11px;	text-align:justify; margin:5px 15px 0 0; }
table tr td { text-align:left; vertical-align:top; }
ul { margin-top:5px; }
li { margin-left:-15px; list-style-image: url(../img/puce_ble.gif); }

/* Propriétés de la div PAGE */
#page {
	border: solid 1px #afafaf;
	background: #fff;
	margin: 0;
	padding: 0;
	width: 780px;
}

#page table { border: none; margin: 0; }

/* Formulaire */
form { text-align:left; margin:0; }
input, select, textarea { text-align:left; padding:0; border:1px #dcdcdc solid; margin:3px; }
form input { vertical-align: middle; }
#mdp_ok { border:0; }

/************************************* Propriétés de la page CONNEXION **************************************************/
#connexion {
	background:url(../img/bg_connexion.jpg) no-repeat 0 0;
	margin: 0;
	padding: 0;
	width: 780px;
	height: 600px;
}

#connexion table td { text-align:left; }
#connexion label { font-size:12px; font-weight:bold; }


/************************************* Propriétés de la page INDEX **************************************************/
/* Propriétés de la div TOP */
#top_id {
	width:780px;
	height:111px;
}
 #top_id .logos_clients {
	border:1px #00adef solid;
	margin:0 5px 5px 5px;
	vertical-align:middle;
 }


/**************************************************************************************/
/* Propriétés de la div ACTUS_SITE */
#actus_site { margin:10px 10px 0 10px; }


/**************************************************************************************/
/* Propriétés de la div INFOS_PRATIQUES */
#infos_pratiques { width:764px; margin-bottom:5px; }

#infos_pratiques .top_infos { background:url(../img/top_infos.gif) no-repeat 0 0; width:764px; height:15px; margin:0; padding:10px 0 0 10px ;}
#infos_pratiques .middle_infos { background:url(../img/middle_infos.gif) repeat-y 0 0; width:764px; margin:0;}
#infos_pratiques .bottom_infos { background:url(../img/bottom_infos.gif) no-repeat 0 0; width:764px; height:10px; margin:0;}


/**************************************************************************************/
.contenu_middle { margin:10px; }

/* Propriétés de la div GAUCHE */

#gauche { width:215px; }
#gauche .top_g { background:url(../img/top_gauche.gif) no-repeat 0 0; width:215px; margin:0; padding:10px 0 0 10px ;}
#gauche .middle_g { background:url(../img/middle_gauche.gif) repeat-y 0 0; width:215px; margin:0;}
#gauche .bottom_g { background:url(../img/bottom_gauche.gif) no-repeat 0 0; width:215px; height:11px; margin:0;}

/* Cadre Conseillers */
.interlocuteur    { width:195px; }
.interlocuteur img    { float:left; width:80px; margin:0 10px 0 0; }

/* Propriétés de la div SAMSIC_VOUS */
#samsic_vous table { margin:5px 0 5px 5px; }

/* Propriétés de la div BULLE CONTACT */
.bulle_contact { position: relative; display: none; width:310px; margin:0; padding:0px; color:#000; }
.bulle_contact textarea { text-align:left; padding:0; border:1px #0074b6 solid; margin:3px; }
.bulle_contact a { color:#1d91d3; font-weight:bold; text-decoration:none;}
.bulle_contact a:hover { text-decoration:underline; color:#1d91d3; font-weight:bold; }

.bulle_contact .top_bulle { background:url(../img/top_bulle.gif) no-repeat 0 0; width:310px; height:5px; margin:0; padding:10px 0 0 10px ;}
.bulle_contact .middle_bulle { background:url(../img/middle_bulle.gif) repeat-y 0 0; width:310px; margin:0;}
.bulle_contact .bottom_bulle { background:url(../img/bottom_bulle.gif) no-repeat 0 0; width:310px; height:11px; margin:0;}


/* Propriétés de la div BULLE DOSSIER */
.bulle_dossier { position: relative; display: none; background:url(../img/bulle_dossier.gif) no-repeat 0 0; text-align:left; width:270px; height:75px; margin:0; color:#000; }
.bulle_dossier p { text-align:left; color:#000; font-weight:bold; margin:5px 10px 10px 10px;}
.bulle_dossier a { color:#1d91d3; font-weight:bold; text-decoration:none;}
.bulle_dossier a:hover { text-decoration:underline; color:#1d91d3; font-weight:bold; }
#div_doc2valid { position:absolute; top: 250px; margin: 0 0 0 18%; padding: 0 0 10px 0; }

/* Propriétés de la div SAVOIR_PLUS */
#savoir_plus table { margin:5px 0 5px 5px; }
#savoir_plus p { text-align:justify; margin:0 5px 0 0; }

#savoir_plus #metier { margin:0; }

/* METIERS SAMSIC */
#samsic_emploi { background:#ffe09b; width:190px; margin:0; }
#samsic_emploi p { color:#000; margin:0; padding:5px; font-size:10px; text-align:center; }
#samsic_emploi a { color:#000; font-size:10px; margin:0; }
#samsic_emploi a:hover { color:#000; text-decoration: underline; }

#samsic_multitech { background:#f79c88; width:190px; margin:0; }
#samsic_multitech p { color:#000; margin:0; padding:5px; font-size:10px; text-align:center; }
#samsic_multitech a { color:#fff; font-size:10px; }
#samsic_multitech a:hover { color:#fff; text-decoration: underline; }

#samsic_proprete { background:#96c0e6; width:190px; margin:0; }
#samsic_proprete p { color:#000; margin:0; padding:5px; font-size:10px; text-align:center; }
#samsic_proprete a { color:#fff; font-size:10px; }
#samsic_proprete a:hover { color:#fff; text-decoration: underline; }

#samsic_securite { background:#bcd6cd; width:190px; margin:0; }
#samsic_securite p { color:#000; margin:0; padding:5px; font-size:10px; text-align:center; }
#samsic_securite a { color:#000; font-size:10px; }
#samsic_securite a:hover { color:#000; text-decoration: underline; }

#samsic_services { background:#b9b2d8; width:190px; margin:0; }
#samsic_services p { color:#000; margin:0; padding:5px; font-size:10px; text-align:center; }
#samsic_services a { color:#000; font-size:10px; }
#samsic_services a:hover { color:#000; text-decoration: underline; }

/*OPTIONNELS SAMSIC */
#opt_global_clean { background:#1d91d3; width:190px; margin:0; }
#opt_global_clean p { color:#fff; margin:0; padding:5px; font-size:10px; text-align:center; }
#opt_global_clean a { color:#fff; font-size:10px; }
#opt_global_clean a:hover { color:#fff; text-decoration: underline; }

#opt_natura { background:#e7eeb8; width:190px; margin:0; }
#opt_natura p { color:#000; margin:0; padding:5px; font-size:10px; text-align:center; }
#opt_natura a { color:#000; font-size:10px; }
#opt_natura a:hover { color:#000; text-decoration: underline; }

#opt_perfecto { background:#f3bcd4; width:190px; margin:0; }
#opt_perfecto p { color:#000; margin:0; padding:5px; font-size:10px; text-align:center; }
#opt_perfecto a { color:#000; font-size:10px; }
#opt_perfecto a:hover { color:#000; text-decoration: underline; }

#opt_assisto { background:#f6d3e2; width:190px; margin:0; }
#opt_assisto p { color:#000; margin:0; padding:5px; font-size:10px; text-align:center; }
#opt_assisto a { color:#000; font-size:10px; }
#opt_assisto a:hover { color:#000; text-decoration: underline; }

#opt_privilege { background:#f3e2a7; width:190px; margin:0; }
#opt_privilege p { color:#000; margin:0; padding:5px; font-size:10px; text-align:center; }
#opt_privilege a { color:#000; font-size:10px; }
#opt_privilege a:hover { color:#000; text-decoration: underline; }

/* Propriétés de la div RECHERCHE */
#recherche table { margin:5px 0 5px 5px; }


/**************************************************************************************/
/* Propriétés de la div DROITE */

#droite { width:540px; }
#droite .top_d { background:url(../img/top_centre.gif) no-repeat 0 0; width:262px; height:15px; margin:0; padding:10px 0 0 10px ;}
#droite .middle_d { background:url(../img/middle_centre.gif) repeat-y 0 0; width:262px; height:121px; margin:0;}
#droite .bottom_d { background:url(../img/bottom_centre.gif) no-repeat 0 0; width:262px; height:11px; margin:0;}

#droite .top_acc { background:url(../img/top_hp.gif) no-repeat 0 0; width:540px; margin:0; padding:10px 0 0 10px ;}
#droite .middle_acc { background:url(../img/middle_hp.gif) repeat-y 0 0; width:540px; margin:0;}
#droite .bottom_acc { background:url(../img/bottom_hp.gif) no-repeat 0 0; width:540px; height:14px; margin:0;}

.contenu_middle { margin:5px 10px 0 10px; }

/* Propriétés de la div NEWS */
#news table { margin:5px 5px 5px 2px; height:160px;}

/* Propriétés de la div MAJ */
#maj table { margin:5px; height:160px; }

/* Propriétés de la div CONTENU */
#contenu table { margin:5px 5px 5px 2px; }
#esp_dialogue { background:url(../img/esp_dialogue.gif) no-repeat 0 0; width:229px; height:54px; margin:0; padding:10px 0 0 10px ;}
.files ul li a { color:#000; font-weight:bold; }
/*.files ul li a { color:#1d91d3; }*/
.files ul li a:hover { text-decoration:none; color:#000; background:#ffd800; font-weight:bold; }

.plus_infos a { color:#fff; font-size:10px; }
.plus_infos a:hover { text-decoration:underline; color:#fff; font-size:10px; }

/* Propriétés de la class ARBO */
.arbo h3 { margin:0 0 0 -20px; font-size:36px; color:#1d91d3; background:none; }

/**************************************************************************************/
/* Propriétés de l'ESPACE DIALOGUE */
.repondre_blog { margin-top:5px; border:3px #ebebeb solid;}
.lire_blog { margin-top:5px; padding:10px; border:3px #ebebeb solid;}
fieldset { border:3px #dcdcdc solid; width:450px; padding:0; }
legend { color:#00adef; font-size:12px;	font-weight:bold; margin:5px; }
.reponse { color:#19b5f1; font-size:12px; font-weight:bold; margin:0; }


/**************************************************************************************/
/* Propriétés des liens */
a { font-family: Arial, Helvetica, sans-serif; color: #000; text-decoration: none; }
a:hover { text-decoration: underline; color:#1d91d3; }


/**************************************************************************************/
/* Propriétés de la div H1 et H2 */ 

h1 { color:#0074b6; font-size:14px;	font-weight:bold; margin:5px; }
h2 { color:#00adef; font-size:18px; font-weight:bold; margin:0; }
h3 { color:#fff; background:url(../img/h3.gif) no-repeat 0 0 #00adef; font-size:14px; font-weight:bold; margin:10px 10px 10px 0; padding:2px 2px 2px 15px; }
h4 { color:#005fa2; font-size:12px; font-weight:bold; margin:0; }
/* Titre des tooltip - bulles fichiers */
h5 { margin:0; font-size:12px; color:#0074b6; }

.titre { color:#000; font-size:13px; font-weight:bold; margin:0; }
.titre_acc { color:#a7dffa; font-size:24px; font-weight:bold; margin:0; }

.bref { color:#000; background:url(../img/coin_jaune.gif) no-repeat 0 0 #ffeaac; text-align:justify; margin:10px 10px 10px 0; padding: 10px 15px 10px 15px; }
.bref2 { color:#000; background:url(../img/coin_vert.gif) no-repeat 0 0 #e7eeb8; text-align:justify; margin:10px 10px 10px 0; padding: 10px 15px 10px 15px; }

/* Propriétés des class couleurs */
.noir18 { color:#000; font-size:18px; margin-top:15px; }
.noir16 { color:#000; font-size:16px; font-weight:bold; }

.bleu { color:#00adef; }
.bleu10 { color:#00adef; font-size:10px; font-weight:normal; }
.bleu14 { color:#1d91d3; font-size:14px; font-weight:bold; }
.bleu2 { color:#1d91d3; font-weight:bold; }
.bleu_fonce { color:#005fa2; font-weight:bold; }
.bleu_fonce a { color:#005fa2; font-weight:bold; }
.bleu_fonce a:hover { color:#005fa2; font-weight:bold; }

.blanc { color:#fff; font-weight:bold; }

/* Propriétés de SEPARATEUR_V */
.separateur_v { width:5px; background:url(../img/bar_verti.gif) repeat-y 50% 0; }

/* Propriétés de SEPARATEUR_H */
.separateur_h { text-align:center; width:98%; height:5px; background:url(../img/bar_horiz.gif) repeat-x 50% 50%; }

/* Propriétés de HAUTPAGE */
.noborder { text-decoration: none; border: 0px; }

/* Propriétés de CADRE */
.cadre { border: 1px solid #005fa2; margin:2px; }

/* Propriétés de ALIGN_RIGHT/LEFT */
.align_right { float:right; margin:0 10px 0 0; }
.align_left { float:left; margin:0 10px 5px 10px; }
.clear							{ clear:both; height:1px; font-size:1px; }

/* Propriétés de TOPAGE & RETOUR */
.topage { float:right; margin:15px 10px 0 0; border:0; }
.retour { float:right; margin:0 10px 0 0; border:0; }


#tooltip {
	border: 1px solid #0074b6;
	background-color: #fff;
	opacity: 0.85;
	padding: 5px;
	font-weight:bold;
}