/* CSS de la base de connaissance du site IntraKnow
fait le 31/10/2006
*/

*{
	margin:0px;
	padding:0px;
	border:0px;
}

BODY{
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color:#343434;
	text-align: center;
	padding:0px;
	height:100%;
	background: url(images/tpi/bg_body.gif) 0 0 repeat-x #6e6558;
}

#GLOBAL{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border:1px solid #aca899;
	min-height: 99%;
	height: auto !important; 
	height: 100%;
	position:relative;
	padding:0px;
	background:url(images/tpi/BG_global.gif);
}



/*BANDEAU*/

#BANDEAU{
	height: 104px;
	background: url(images/tpi/BG_bandeau_haut.jpg) 145px 0 no-repeat;
	position:relative;
}

#BANDEAU #bg_bandeau {
	position:absolute;
	right:0;
	top:0;
	height:104px;
	width:300px;
	background: url(images/tpi/BG_bandeau.gif) repeat-x;
}

#BANDEAU #LOGO{
	background: url(images/tpi/LOGO_oop.jpg);
	width:145px;
	height:104px;
	float:left;
	margin-top:0px;
}

#BANDEAU #titre_base_doc{
	position:absolute;
	left:170px;
	top: 25px;
}

#BANDEAU h1{
	font-size:30px;
	position:relative;
	top:27px;
	left:80px;
	margin-bottom:-5px;
	border:0px solid red;
}

#ONGLETS{
	height:25px;
	position:absolute;
	top:79px;
	left:170px;
}

#ADMIN a{
	text-decoration:none;
}

#ADMIN a:hover{
	text-decoration:underline;
	color:#818181;
	
}

#ONGLETS a{
	display:block;
	height:100%;
	padding:0 8px 0 8px;
	border-left:1px solid #ffffff;
	float:left;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;	
	color:#343434;
	line-height:22px;
}

#ONGLETS a{	
	background:#80a102;
	color:#ffffff;
}

#ONGLETS a:hover, #ONGLETS .active{
	background:#50483e;
}

#menu_contact {
	width: 114px;
	height: 15px;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
	background: url(images/tpi/menu_contact.jpg) right top no-repeat;
	padding-right: 10px;
}

#menu_contact a:link, #menu_contact a:visited {
	font-size: 11px;
	color: #333333;
	text-decoration: none;	
}
#menu_contact a:hover, #menu_contact a:active {
	text-decoration: underline;	
}

/*CONTENU*/
#CONTENU{
	position: relative;
	padding:17px 15px 15px 15px;
	margin-right:210px;
	margin-left:195px;
	background:url(images/tpi/BG_contenu.jpg) repeat-x top #FFFFFF;
}

#CONTENU.sans_coldroite{
	padding:17px 15px 15px 15px;
	margin-left:195px;
	margin-right:0;
	width:740px; width:725px !important;
	background:url(images/tpi/BG_contenu.jpg) repeat-x top #FFFFFF;
	border:0px solid red;
}

#CONTENU.contenu_popup_faq {
	margin-right:0px;
	text-align:justify;
	font-size:12px;
}
#CONTENU.contenu_popup_faq h4 {
	text-align:left;
	margin-bottom:10px;
}
#spacer_popup_faq {
	border-bottom:1px solid #5f5f5f;
	margin-bottom:5px;
}
#contactez_nous {
	position:absolute;
	top:300px;
}

#GLOBAL.global_sans_coldroite{
	background:url(images/tpi/BG_global_sans_coldroite.gif);
}

#CONTENU p{
	font-size:12px;
	text-align:justify;
}

#CONTENU h3{
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
	color:#ff7b00;
	display:list-item;
	list-style-image:url(images/tpi/contenu/ICO_puce_orange.gif);
	list-style-position:inside;
}

#CONTENU h4{
	font-size:14px;
	font-weight:bold;	
	margin-bottom:4px
}

#CONTENU h4.titre{
	font-size:17px;
	margin-top:25px;
	display:list-item;
	list-style-image:url(images/tpi/contenu/ICO_puce_grise.gif);
	list-style-position:inside;
}

#CONTENU #FRAME{
	width:507px;
	border:0px
}

#FINCONTENU{
	clear:both;
	padding-bottom:10px;
}

#CONTENU #TYPE_SOURCE{
	margin:10px 0 15px 0;
	text-align:center;
}

#CONTENU #TYPE_SOURCE #RETOUR, #CONTENU #RETOUR {
	position:relative;
	float:left;
	border:0px solid red;
	top: 5px;
}

#CONTENU #TYPE_SOURCE #RETOUR .back, #CONTENU #RETOUR .back {
	position:relative;
	bottom:12px;
}

#CONTENU #MODIF-SOURCE {
	float:right;
	margin:12px 0 0 0;
	border:1px solid #fff;
	position: relative;
}

#CONTENU #CONTENU-SOURCE {
	position: relative;
	margin-top:50px;
}

#CONTENU #TYPE_SOURCE input{
	border:0px;
}

#CONTENU #TYPE_SOURCE #CHOIX{
	width:180px;
	padding:5px;
	background:#ebedef;
	border:1px solid #a6a7a9;
	text-align:left;
	float:left;
	position:relative;
	margin-left:30px;
}
#ERREUR{
	width:350px;
	padding:5px;
	text-align:left;
	color:#FF0000;
	float:left;
	position:relative;
	margin-left:10px;
}

.spacer {
	width:auto;
	height:100px;
}

#DIV-FORMULAIRE {
	display:block;
}

#SUCCES{
	width:350px;
	padding:5px;
	background:#FFFFFF;
	border:1px solid #00AE00;
	text-align:left;
	color:#00AE00;
}
#CONTENU #ADMIN{
	background:#ebedef;
	border:1px solid #a6a7a9;
}

#PROP_DOSSIER, #PROP_WEB, #PROP_CABINET, #PROP_LOGICIEL{
	position:relative;
	padding:5px;
	background:#ebedef;
	border:1px solid #a6a7a9;
	width:500px;
}

#PROP_DOSSIER td, #PROP_WEB td, #PROP_CABINET td, #PROP_LOGICIEL td{
	padding:2px;
}

#PROP_DOSSIER a, #PROP_WEB a, #PROP_CABINET a, #PROP_LOGICIEL a{
	text-decoration:none;
}

.label_partenaire {
	font-size:12px;
}


/*PIED DE PAGE*/
#PIED{
	bottom: 0; 
	left: 0;
	width: 100%;
	text-align:center;
	background:#5B5247;
	padding-top: 3px;
	color: #ffffff;
	font-size: 11px;
}
#PIED a:link, #PIED a:visited {
	color: #ffffff;
	text-decoration:underline;
}
#PIED a:hover, #PIED a:active {
	color: #ffffff;
	text-decoration:none;
}

/*COLONNE GAUCHE*/
#COLGAUCHE{
	position:relative;
	float:left;
	height:100%;
	width:195px;
	background:url(images/tpi/BG_col_gauche.jpg) no-repeat right top #f3f3f3;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

#COLGAUCHE form{
	padding: 0 0 0 5px;
}

#COLGAUCHE input, #CONTENU input, #CONTENU textarea {
	border:1px solid #a6a7a9;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color:#343434;
}

#CONTENU input.input_radio{
	border:0px;
}

#CONTENU select{
	font-size:11px;	
}

#COLGAUCHE h3{
	font-size:15px;
	position:relative;
	top:5px;
}

#COLGAUCHE p{
	margin-top:5px;
	font-size:12px;
}


#COLGAUCHE a{
	font-size:14px;
	text-decoration:none;
	color:#5F5F5F;
}

#COLGAUCHE a:hover{
	color:#8FB400;
}

#COLGAUCHE.col_gauche_popup_faq {
	text-align:left;
	font-weight:bold;
	padding-left:5px;
	background:url(images/tpm/BG_col_gauche_aide.jpg) no-repeat right top #f3f3f3;
}
#COLGAUCHE.col_gauche_popup_faq a:link, #COLGAUCHE.col_gauche_popup_faq a:visited {
	text-decoration:none;
}
#COLGAUCHE.col_gauche_popup_faq a:hover, #COLGAUCHE.col_gauche_popup_faq a:active {
	text-decoration:underline;
}

#ICO_interrogation{
	margin-left:40px;
	margin-top:60px;
}

#cadre_connexion {
	position:absolute;
	left:00px;
	top:30px;
	width:185px;
	padding:0;
}
#cadre_connexion form {
	padding:0;	
}
.cadre_colonne {
	background-color:#ffffff;
	padding:0;
	margin-top:15px;
}
#COLDROITE .cadre_colonne {
	width:190px;
	margin-left:10px;
}
#COLGAUCHE .cadre_colonne h4, #COLDROITE .cadre_colonne h4 {
	background-color:#B8D32E;
	margin:0;
	padding:3px;
	padding-left:8px;
	font-size:14px;
	font-weight:normal;
	font-family: trebuchet MS,arial;
}

.cadre_colonne .contenu_cadre_colonne {
	padding:5px;
	padding-left:8px;
}

#cadre_newsletter{
	position:absolute;
	border:1px solid #909090;
	width:155px;
	padding: 0 0 3px 5px;
}


#div_proposer_article{
	position:absolute;
	left:20px;
	width:160px;
	padding-left:2px;
}

#texte_proposer_article{
	font-size:10px;
	color:#777777;
	margin:8px 0 0 0;
	text-align:justify;
}

#icone_proposer{
	float:left;
	position:relative;
	top:7px;
}

#div_proposer_article h4 {
	font-size:16px;
}

.lien_proposer_article:link, .lien_proposer_article:visited {
	text-decoration:none;
	color:#343434;
}

.lien_proposer_article:hover, .lien_proposer_article:active {
	text-decoration:none;
	color:#F98822;
}

/*COLONNE DROITE*/
#COLDROITE{
	float:right;
	width:210px;
	background:url(images/tpi/BG_col_droite.jpg) no-repeat top #f3f3f3;
	/*background:url(images/tpi/BG_contenu.gif) repeat-x top #D8DBDF;*/
	/*border-left:1px solid #f1f3f4;*/
}

#COLDROITE h2{
	text-align:center;
	font-size:18px;
	color:#ffffff;
	position:relative;
	top:-3px;
}

#COLDROITE h3, #COLDROITE h4 { 
	margin: -3px 0 3px 0;
	text-align:left;
	font-size:18px;
	font-weight:bold;
}


#COLDROITE h3{
	color:#ff7b00;
	font-weight:normal;
}

#COLDROITE p{
	font-size:13px;
}

#COLDROITE h4, #COLDROITE p{
	color:#313131;
}

#COLDROITE a{
	font-size:14px;
	text-decoration:none;
	color:#5F5F5F;
}

#COLDROITE a:hover{
	color:#8FB400;
}


#COLDROITE #LISTEINFO{
	margin-top:30px;
}

#COLDROITE #LISTEINFO a{
	text-decoration:none;
	color:#ffffff;
	font-size:12px;
}

#COLDROITE #LISTEINFO a:hover, #COLDROITE #LISTEINFO .on{
	position:relative;
	right:1px;
	cursor: pointer;
}

#COLDROITE #LISTEINFO #BLOCINFO {
	height:50px;
	/*border-bottom:1px solid #ACA899;*/
	padding:0 0 0 15px;
	font-style:italic;
	text-align:left;
	margin:0 0 0 15px;
	background:url(images/tpi/contenu/puce_fleche_vert.gif) 0 0 no-repeat;
	color:#ffffff;
	font-size:12px;
}



/*STYLE GENERAUX*/

a, a:active, a:link{
	text-decoration:underline;
	color:#343434;
}

a:hover{
	text-decoration:underline;
	color:#ffa04c;
}


.floatright{
	float:right;
}

.floatleft{
	float:left;
}

.italique{
	font-style:italic;
}

.clearleft{
	clear:left;
}

.clearright{
	clear:right;
}

.gras{
	font-weight:bold;
}
.italique{
	font-style:italic;
}

.vert{
	color:#00AE00;
}

.titre_derniers{
	position: relative;
	font-size: 14px;
	color: #70675E;
	padding-left:5px;
}

td.cellule_resultat{
	background:#f1f7da;
	padding: 0 3px 10px 3px;
}

td.cellule_resultat2{
	background:#FFFEFD;
	padding: 0 3px 10px 3px;
}

.entete_conseil{
	/*min-height:115px;
	height:auto !important;
	height:115px;*/
	width:504px;
}

.cellule_conseil{
	width:100%;
	display:block;
	/*background:#F7F7F7;*/
	padding:3px;
}
/**********************/
/* STYLE DOSSIER      */
/**********************/
#cadre_recherche_source {
	width:504px;
	height:45px;
	/*background-color:#E0E3E7;*/
	/*border-bottom:1px solid #D9DBDF;*/
	margin-bottom: 35px;
}
#libelle_recherche_source {
	font-size: 20px;
	color: #8fb400;	
}

#cadre_promo_intraknow {
	width:504px;
	min-height: 96px !important;
	height: auto !important;
	height:96px;
	margin-top:9px;
	background: url(images/bandeau_promo_ik.jpg) 0 0 no-repeat #FFE0B7;
}

#cadre_promo_intraknow .description_intraknow{
	font-size:12px;
	padding:5px;
	text-align:justify;
}

#cadre_promo_intraknow table #titre_promo_ik {
	font-family:Trebuchet MS, Arial;
	font-size:18px;
	color:#3F3F3F;
	font-weight:normal;
	padding:3px;
	text-align:center;
}

#cadre_promo_intraknow table #liens_promo_ik {
	font-family:Trebuchet MS, Arial;
	font-size:12px;
	text-align:right;
	padding-right:5px;
	font-size:11px;
}
/*#cadre_promo_intraknow {
	width:504px;
	min-height:45px;
	height:auto !important;
	height:45px;
	margin-top:9px;
	background-color:#E0E3E7;
	border:1px solid #B8D32E;
}

#cadre_promo_intraknow .description_intraknow{
	font-size:12px;
	padding:5px;
	background-color:#ffffff;
	text-align:justify;
}

#cadre_promo_intraknow table #titre_promo_ik {
	font-family:Arial;
	font-size:16px;
	color:#3F3F3F;
	font-weight:bold;
	padding:3px;
	text-align:center;
	background-color:#F1F7DA;
}

#cadre_promo_intraknow table #liens_promo_ik {
	font-family:Arial;
	font-size:12px;
	text-align:right;
	padding-right:5px;
	font-size:11px;
	background-color:#B8D32E;
}*/

#cadre_promo_intraknow a:link, #cadre_promo_intraknow a:visited {
	color:#343434;
	text-decoration:none;
}
#cadre_promo_intraknow a:hover, #cadre_promo_intraknow a:active {
	color:#343434;
	text-decoration:underline;
}

#global_dossier {
	position: relative;
	width:504px;
	padding: 0;	
}

#entete_dossier{
	width:100%;
}

h1.titre_dossier{
	text-align:center;
	font-size:18px;
	font-weight:normal;
	margin:10px auto 0 auto;
	background-color:#C8DD5E;
	padding-top:8px;
	padding-bottom:8px;
	width:100%;
}
.sous_titre_dossier{
	background-color:#E2E5CA;
	padding: 0 0 5px 0;
	margin-bottom: 0;
	width:100%;
}
#contenu_dossier {
	background-color:#f3f3f3;
	width:503px;
	padding: 0;
	/*padding: 5px;*/
	margin: 0;
}

#lien_titre_source{
	color:#000;
	text-decoration:none;
}

#CONTENU h3.redige_par {
	color:#6f6f6f;
	font-size:12px;
	padding-top:5px;
	text-align:center;
	list-style: none;
	list-style-image: none;
	margin: 0;
}
.presentation_auteur {
	color:#333;
	font-size:10px;
	font-style:italic;
	text-align:center;
}

h2.titre_complement_dossier {
	display:block;
	font-size:14px;
	font-weight:bold;
	margin-bottom:7px;
}

#image_paragraphe_dossier {
	position:relative;
	margin:8px 0 5px 0;
}

.cellule_dossier{
	/*background:#F7F7F7;*/
	padding:3px;
}

#CONTENU-SOURCE p{
	/*background:#F7F7F7;*/
}

#legende_col_droite {
	float:right;
	text-align:left;
	background-color:#F7F7F7;
	border:1px solid #CFCFCF;
	padding:5px;
	margin-bottom:10px;
	width:190px !important; width:200px; 
	margin-right:5px
}

#btn_commentaire {
	position: relative;
	float:left;
	text-align:right;
	background-color:#F7F7F7;
	border:1px solid #CFCFCF;
	padding:5px;
	margin-bottom:10px;
	margin-left:5px;
}

#AMI {
	position: relative;
	float:right;
	text-align:right;
	background-color:#F7F7F7;
	border:1px solid #CFCFCF;
	padding:5px;
	margin-bottom:10px;
	margin-right:5px;
}

#form_envoyer_ami table, #form_ajouter_commentaire table {
	width:504px;
	font-size:12px;
	border:1px solid #CFCFCF;
	background-color:#efefef;
	margin-bottom:20px;
	margin-right:5px;
	/*bottom:40px;*/
}
#form_envoyer_mail_auteur_source table {
	width:480px;
	font-size:12px;
	border:1px solid #CFCFCF;
	background-color:#efefef;
	margin-bottom:20px;
	margin-right:5px;
	margin-left:5px;
	/*bottom:40px;*/
}
#div_sources_meme_categorie, #div_commentaires_source {
	clear:right;
	position: relative;
	float:right;
	width:493px !important; width:504px;
	border-left:1px solid #CFCFCF;
	/*border:1px solid #CFCFCF;
	background-color:#F7F7F7;*/
	margin-top:20px;
	margin-right:5px;
	padding:5px;
	font-size:12px;
}
#div_sources_meme_categorie a {
	text-decoration:none;
}
/**********************/
/* FIN STYLE DOSSIER  */
/**********************/

#paragraphe_intro_page{
	/*background:url(images/tpi/fond_intro_page_2.gif) no-repeat top left #fff;*/
 	width:504px;
	height:50px;
	padding:5px 3px 3px 3px;
	margin-top: 20px;
}

#lien_popup_faq_accueil {
	position: absolute;
	top: 95px !important; top: 100px;
	left: 245px !important; left: 235px;
	width:69px;
	height:60px;
	border:0px solid red;
	background: url(images/tpi/help.gif) no-repeat;
	z-index: 100;
}
#lien_popup_faq {
	position: absolute;
	top: 40px !important; top: 35px;
	left: 460px !important; left: 450px;
	width:69px;
	height:60px;
	border:0px solid red;
	background: url(images/tpi/help.gif) no-repeat;
	z-index: 100;
}

.paragraphe_desc_source{
	margin:0px;
}

#libelle_votre_recherche {
	font-size: 18px;
	color: #70675E;
}

#champ_recherche_intro_page {
	float:left;
	position: relative;
	width:290px;
	border:1px solid #BFBFBF;
	background-color:#F7F7F7;
	margin-bottom:10px;
}

#champ_texte_recherche {
	width: 150px;
	/*margin-left: 10px;*/
}
#exemple_recherche {
	font-size:9px;
	color:#8f8f8f;
	width:270px;
	margin-top:3px;
	/*margin-left:15px;*/
}
#edito{
	position: relative;
	float:left;
	border:1px solid #CFBAA8;
	width:190px;
	height: 125px;
	font-size:10px;
	text-align:justify;
	background-color:#EBE2DB;
	margin-bottom:10px;
	margin-left: 15px;
	z-index: 100;
}
#edito .titre_edito{
	font-weight:bold;
	font-size:11px;
	text-align:center;
	width:100%
}
#edito .signature_edito{
	text-align:right;
	width:100%;
	font-style:italic
}
.legende_intro_page {
	float:right;
	margin:-20px 10px 0 15px !important; margin:-20px 5px 0 15px; 
	padding-left:2px; 
	border-left:1px solid #C6C5CA;
}

.icone{
	float:left;
	margin: 0 10px 5px 0;
	border:0px solid #283848;
}

.table_admin{
	border:1px solid #a6a7a9;
	background:#fdfdfd;
	margin: 0 15px 5px 15px;
}
table.table_admin a{
	font-weight:normal;
	font-size:12px;
}
.resultat{	
	position:relative;
	top:1px;
	font-weight:normal;
	font-size: 12px;
}

#TYPE .petit{
	font-size: 9px;
}

#table_connec{
	border:1px solid #a6a7a9;
	background:#ebedef;
	text-align:center;
	font-size:12px;
}
#table_connec2{
	border:1px solid #a6a7a9;
	background:#f7f8f9;
	text-align:left;
}
#table_connec p{
	text-align:center;
}

hr.ligne{
	color:#343434;
	height:1px;
	margin-top:-5px;
}


/*STYLES DU MESSAGE DE CONFIRMATION D'ENVOI DE MAIL*/
#confirm_mail {
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#333;
	position:absolute;
	top:220px;
	margin-left:-200px;
	left:50%;
	width:400px;
	height:100px;
	border:1px solid #FBAE5F;
	background-color:#D8DBDF;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	text-align:center;
	line-height:20px;
}
#confirm_mail_bouton{
	border:1px solid #A6A7A9;
	background-color:#E0DFE3;
	width:90px;
	height:25px;
	margin: 10px auto;
	cursor:pointer;
	color:#333;
}

div.div_ico_video {
	width: 115px;
	height: 16px;
	text-align: right;
	font-size: 9px;
	background: url(images/tpi/contenu/ICO_video_mini.gif) no-repeat right 1px ;
}

div.div_ico_video span{
	margin-right: 22px;
	line-height: 16px;
}