/********************************
**    printspir.css             *
**    Crée le 07/04/2008        *
**    par Dany ROPTIAL          *
*********************************/

@charset "utf-8";
/******************
** 1. Générique   *
*******************/
* {
	font-size: 10px;
	font-family: Verdana;
}

	center, span {
		font-size: 12px;
	}
	
	body {
		font-size: 10px;
		font-family: Verdana;
	  	background-color: #1a404d;
		padding: 0px;
		margin: auto;
		border: 0px;
		text-align:center;
	}
	
	table, td, tr {
		font-size: 10px;
		font-family: Verdana;
		padding: 0px;
		margin: 0px;
		border: 1px;
	}
	
	input {
		padding: 0px;
		margin: 0px;
	}
	
	div {
		padding: 0px;
		margin: 0px;
		border: 0px solid black;
	}
	
	img {
		padding: 0px;
		margin: 0px;
		border: 0px;
	}
	
	a:link {
		text-decoration: none;
		color: white;
	}
	a:visited {
		text-decoration: none;
		color: white;
	}
	a:hover {
		text-decoration: underline;
		color: white;
	}


/**
 *
 * Accueil
 *
 */
 
div.filter {

	position:relative;
	bottom:175px;
	background:url('../images/bgalpha.png') repeat-x #FFFFFF;
	opacity: 0.9;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	width: 320px;
	height: 310px;
	border: 1px dotted #FFFFFF;
	text-align:left; 
	margin-left:70px;
	font-size=1.1em;
}



div#page_accueil{
  	background-color: #1a404d;
	width:950px;
	margin:auto;
	overflow:hidden;
}

p.semi {
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity:1;
}

div#bandeau_haut_accueil {
	vertical-align: top;
	width: 950px;
	background-color: #1a404d;
	float: left;
	height: 22px;
}

div#logo_philae {
	height: 124px;
	float: left;
	width: 252px;
}

div#droite_logo {
	width: 312px;
	height: 124px;
	background-color: white;
	float: left;
}	

div#champs_login {
	width:  386px;
	height:  38px;
	float: right;	
	background-image: url('../images/accueil/bandeau_login.jpg');
}

div#sous_login {
	width:  386px;
	height:  86px;
	background-color: white;
	float: right;
}

div#fond_accueil {
	width:  950px;
	height:  356px;
	background: url('../images/accueil/fond_accueil.jpg');
	float: left;
}

div#bas_accueil_blanc {
	width:  950px;
	height:  114px;
	background-color: white;
	float: left;
}

div#news {
	width: 920px;
	height: 74px;
	margin: 15px;
	border-style: inset;
	border: 3px;
}

div#bas_accueil_bleu {
	width:  950px;
	height:  39px;
	background-color: #1a404d;
	float: left;
}

div#texte_Intranet,div#texte_Login,div#gauche_menu {
	float: left;
}

td#texte_Intranet {
	font-weight:  bold;
	margin: 8px;
}

input#input_login, input#input_password {
	width: 60px;
	margin-left: 5px;
	margin-right: 5px;
}

div#gauche_menu {
	width:  432px;
	height: 129px;	
}

div#haut_menu {
	width:  950px;
	float:  left;
	height: 197px;	
}

div#menu_entreprise {
	text-align: left;
	float:left;
	width: 143px;
	height: 89px;
	padding-top: 40px;
}

div#menu_entreprise ul {
	list-style-type: none;
	padding:  0;
	margin: 15px;
	color: white;
	font-weight: bold;
}

div#menu_entreprise li {
	padding-top: 4px;
}

div#menu_entreprise	a:link {
	text-decoration: none;
	color: white;
}
div#menu_entreprise	a:visited {
	text-decoration: none;
	color: white;
}
div#menu_entreprise	a:hover {
	text-decoration: underline;
	color: white;
}

div#intercale_menu_1 {
	float:left;
	width: 13px;
	height: 129px;
}

div#intercale_menu_2 {
	float:left;
	width: 15px;
	height: 129px;
}



/*
 *
 * Vision
 *
 */
 
div#page_vision{
  	background-color: #1a404d;
	width:950px;
	margin:auto;
	overflow:hidden;
}

div#bandeau_haut_vision {
	vertical-align: top;
	width: 950px;
	background-color: #1a404d;
	float: left;
	height: 12px;
}

div#petit_logo_philae {
	width: 189px;
	height: 41px;
	background-image: url('../images/vision/logo_philae.jpg');
	float: left;	
}

div#vers_mantis a{
	color:black;
	padding: 10px;
	margin: 10px;
}

div#droite_petit_logo {
	width: 390px;
	height: 41px;
	background-color: white;
	float: left;	
}

div#champs_intranet {
	width: 371px;
	height: 41px;
	background-color: white;
	float: left;
}

div#general_texte_Intranet {
	width:  371px;
	height: 27px;
	font-weight:  bold;
	padding-top: 10px; 
	float: left;
	color: red;
	font-size: 10px;
}

div#general_texte_Login {
	width:  271px;
	height: 31px;
	padding-top: 10px; 
	float: left;
	font-size: 10px;
}

input#general_input_login, input#general_input_password {
	width: 60px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 10px;
}

div#menu_entreprise_vision {
	width: 189px;
	height: 215px;
	background-image: url('../images/vision/menu_entreprise.jpg');
	float: left;	
}

div#fond_plume {
	width: 390px;
	height: 215px;
	background-image: url('../images/vision/fond_plume.jpg');
	float: left;	
}

div#menu_droite_plume {
	width: 371px;
	height: 215px;
	background-image: url('../images/vision/menu_droite_plume.jpg');
	float: left;	
}

div#titre_sous_menu_entreprise_vision {
	width: 189px; 
	height: 70px;
	float: left;
}

div#sous_menu_entreprise_vision {
	width: 149px; 
	height: 115px;
	padding-left: 40px;
	padding-top: 30px;
	float: left;
}

div#sous_menu_entreprise_vision ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	color: white;
	font-weight: bold;
	text-align:  left;
}

div#sous_menu_entreprise_vision li {
	padding-top: 4px;	
}

div#sous_menu_activite {
	padding-top: 100px;
	width: 124px; 
	float: left;
	height: 115px;
}

div#inter {
	width: 40px;
	height: 115px;
	float: left;
	padding-top: 100px;	
}

div#sous_menu_contact {
	padding-top: 100px; 
	width: 100px; 
	float: left;
	height: 115px;
}

div#sous_menu_activite ul, div#sous_menu_contact ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	color: white;
	font-weight: bold;
	text-align:  left;
}

div#sous_menu_activite li, div#sous_menu_contact li {
	padding-top: 4px;	
}

li#grande_puce {
	list-style-image:url(../images/puce_liste.gif);
	font-size: 14px;
	vertical-align: bottom;
}

li#petite_puce {
	font-size: 11px;
}

div#haut_menu_rubrique {
	height:  17px;
	width: 951px;
	float: left;
	background-color: white;
}

div#bandeau_mi_haut_droit {
	height:  17px;
	width: 371px;
	float: left;
	background-image: url('../images/vision/bandeau_mi_haut_droit.jpg');
}

div#bandeau_mi_haut_blanc {
	height:  17px;
	width: 390px;
	float: left;
	background-color: white;
}

div#bandeau_mi_haut_gauche {
	height:  17px;
	width: 189px;
	float: left;
	background-image: url('../images/vision/bandeau_mi_haut_gauche.jpg');
}

div#menu_rubrique {
	height:  338px;
	width: 189px;
	float: left; 
	color: white;
	font-size: 11px;
	font-weight: bold;
	background-color: white;
	text-align: center;	
}

div#sous_menu_rubrique_1 {
	height:  45px;
	width: 189px;
	float: left;
	background-image: url('../images/vision/menu_gauche_1.jpg');
	background-repeat: no-repeat;	
}

div#texte_sous_menu_rubrique_1 {
	padding-top: 12px;
	height:  21px;
	width: 174px;
	float: left;
	padding-left: 15px;
}

div#sous_menu_rubrique_2 {
	height:  46px;
	width: 189px;
	float: left;
	background-image: url('../images/vision/menu_gauche_2.jpg');
	background-repeat: no-repeat;
}

div#texte_sous_menu_rubrique_2 {
	padding-top: 12px;
	height:  22px;
	width: 174px;
	float: left;
	padding-left: 15px;
}

div#sous_menu_rubrique_3 {
	height:  46px;
	width: 189px;
	float: left;
	background-image: url('../images/vision/menu_gauche_3.jpg');
	background-repeat: no-repeat;
}

div#texte_sous_menu_rubrique_3 {
	padding-top: 12px;
	height:  22px;
	width: 174px;
	float: left;
	padding-left: 15px;
}

div#sous_menu_rubrique_4 {
	height:  46px;
	width: 189px;
	float: left;
	background-image: url('../images/vision/menu_gauche_4.jpg');
	background-repeat: no-repeat;
}

div#texte_sous_menu_rubrique_4 {
	padding-top: 12px;
	height:  22px;
	width: 174px;
	float: left;
	padding-left: 15px;
}

div#sous_menu_rubrique_5 {
	height:  41px;
	width: 189px;
	float: left;
	background-image: url('../images/vision/menu_gauche_5.jpg');
	background-repeat: no-repeat;
}

div#texte_sous_menu_rubrique_5 {
	padding-top: 8px;
	height:  23px;
	width: 174px;
	float: left;
	padding-left: 15px;
}

div#sous_menu_rubrique_6 {
	height:  114px;
	width: 189px;
	float: left;
	background-image: url('../images/vision/sous_menu_gauche.jpg');
	background-repeat: no-repeat;
}

div#menu_principal_vision {
	height: 338px;
	width: 761px;
	background-color: white;
	float: right;
	text-align: left;
	overflow:  auto;
	overflow-y: auto; 
	overflow-x: hidden;		
}

div#flottante {
	background-image: url('../images/vision/fond_rose.jpg');
	background-repeat: no-repeat;
	height: 338px;
	width: 761px;
}

div#menu_titre {
	height: 338px;
	width: 223px;
	padding-left: 20px;
	text-align: left;
	float: left;
	border: 1px red solid;
}

div#titre {
	border: 1px green solid;
}

div#mentions_legales {
	height: 32px;
	width: 951px;
	background-image: url('../images/vision/mentions_legales.jpg');
	float: left;
	text-align: center;
}

div#texte_mentions_legales {
	height: 20px;
	width: 951px;
	margin-top: 12px;
	font-size:  9px;
	float: left;
	text-align: center;
	font-weight: bold;
}

table#menu {
	height: 22px; 
	width: 761px;
	text-align: left;
	margin-top: 3px;	
}

td#titre {
	color: #a6869c;
	font-size: 17px;
	font-weight: bold;
	padding-left: 10px;
	width: 178px;
}

td#sous_titre {
	color: #a6869c;
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;	
}

div#photo {
	height: 313px;
	width: 240px;
	float: left;
	text-align: center;
}

div#texte_principal {
	height: 150px;
	width: 491px;
	float: left;
	font-size: 11px;
	text-align: justify;
	font-size: 12px;
}


/*div#texte_principal img {
	width:100%;
	height:100%;
}*/

.tooltip {
	height: 317;
	width: 640;
	background-color: #ece9d8;
}

div#texte_principal ul, div#texte_principal li, div#texte_principal i, div#texte_principal b  {
	font-size: 12px;
}


/*
 *
 * Approche client
 *
 */
div#menu_principal_vision_marron {
	height: 338px;
	width: 761px;
	background-color: white;
	float: left;
	text-align: left;
	overflow:  auto;
	overflow-y: auto; 
	overflow-x: hidden;	
}

div#flottante_marron {
	background-image: url('../images/vision/fond_marron.jpg');
	background-repeat: no-repeat;
	height: 338px;
	width: 761px;
}

td#titre_marron {
	color: #ac9974;
	font-size: 17px;
	font-weight: bold;
	padding-left: 10px;
	width: 178px;
}

td#sous_titre_marron {
	color: #ac9974;
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;	
}
 

/*
 *
 * Atout PHILAE
 *
 */
div#menu_principal_vision_turquoise {
	height: 338px;
	width: 761px;
	background-color: white;
	float: left;
	text-align: left;
	overflow:  auto;
	overflow-y: auto; 
	overflow-x: hidden;	
}

div#flottante_turquoise {
	background-image: url('../images/vision/fond_turquoise.jpg');
	background-repeat: no-repeat;
	height: 338px;
	width: 761px;
}

td#titre_turquoise {
	color: #799998;
	font-size: 17px;
	font-weight: bold;
	padding-left: 10px;
	width: 178px;
}

td#sous_titre_turquoise {
	color: #799998;
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;	
}
 

/*
 *
 * Cadre de travail
 *
 */
div#menu_principal_vision_bleu {
	height: 338px;
	width: 761px;
	background-color: white;
	float: left;
	text-align: left;
	overflow:  auto;
	overflow-y: auto; 
	overflow-x: hidden;	
}

div#flottante_bleu {
	background-image: url('../images/vision/fond_bleu.jpg');
	background-repeat: no-repeat;
	height: 338px;
	width: 761px;
}

td#titre_bleu {
	color: #3b6573;
	font-size: 17px;
	font-weight: bold;
	padding-left: 10px;
	width: 178px;
}

td#sous_titre_bleu {
	color: #3b6573;
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;	
}
 

/*
 *
 * Responsabilite societale
 *
 */
div#menu_principal_vision_noir {
	height: 338px;
	width: 761px;
	background-color: white;
	float: left;
	text-align: left;
	overflow:  auto;
	overflow-y: auto; 
	overflow-x: hidden;	
}

div#flottante_noir {
	background-image: url('../images/vision/fond_noir.jpg');
	background-repeat: no-repeat;
	height: 338px;
	width: 761px;
}

td#titre_noir {
	color: #1c2f3b;
	font-size: 17px;
	font-weight: bold;
	padding-left: 10px;
	width: 178px;
}

td#sous_titre_noir {
	color: #1c2f3b;
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;	
}


/*
 *
 * Organisation
 *
 */
div#menu_principal_organisation {
	height: 338px;
	width: 761px;
	background-color: white;
	float: left;
	text-align: left;
	overflow:  auto;
	overflow-y: auto; 
	overflow-x: hidden;		
} 



/*
 *
 * Activité
 *
 */
 
div#menu_principal_activite {
	height: 338px;
	width: 761px;
	background-color: white;
	float: left;
	text-align: left;
	overflow:  auto;
	overflow-y: auto; 
	overflow-x: hidden;	
} 


span#philae_ecoute {
	color: #b11f48;
	font-weight: bold;
	padding-left: 40px;
}

span#footer_ibm {
	font-size: 10px;
	font-style: italic;
}


/*
 *
 * Actualité
 *
 */
 
div#menu_entreprise_actualite {
	width: 189px;
	height: 215px;
	background-image: url('../images/vision/menu_actualite.jpg');
	float: left;	
}

div#fond_tasse {
	width: 390px;
	height: 215px;
	background-image: url('../images/vision/fond_tasse.jpg');
	float: left;	
}

div#menu_droite_tasse {
	width: 371px;
	height: 215px;
	background-image: url('../images/vision/menu_droite_tasse.jpg');
	float: left;	
}

li#grande_puce_turquoise {
	list-style-image:url(../images/puce_liste_turquoise.gif);
	font-size: 14px;
	text-align: left;
	vertical-align: bottom;
}

/*
 *
 * Contact
 *
 */
 
div#menu_entreprise_contact {
	width: 189px;
	height: 215px;
	background-image: url('../images/vision/menu_contact.jpg');
	float: left;	
}

div#fond_tel {
	width: 390px;
	height: 215px;
	background-image: url('../images/vision/fond_tel.jpg');
	float: left;	
}

div#menu_droite_tel {
	width: 371px;
	height: 215px;
	background-image: url('../images/vision/menu_droite_tel.jpg');
	float: left;	
}

li#grande_puce_orange {
	list-style-image:url(../images/puce_liste_orange.gif);
	font-size: 14px;
	text-align: left;
	vertical-align: bottom;
}

/*
 *
 * Erreurs
 *
 */
div#avis_erreur {
	color: red;
	display: none;
	text-align: center;
}


/*
 *
 * Autres
 *
 */
div#projet_combien {
	display: none;
}

a#noir {
	color: black;
}


li.li_pointer {
	cursor: pointer;	
}

td.td_pointer {
	cursor: pointer;
	vertical-align: middle;
	background-color: #dbe4e3;
	width: 100%;
	height: 30px;
}

td.td_pointer_rose {
	cursor: pointer;
	vertical-align: middle;
	background-color: #e5dbe3;
	width: 100%;
	height: 30px;
}

span.accordion {
	display: none;
	background-color: white;
	border-left: 2px solid #dbe4e3;
	border-right: 2px solid #dbe4e3;
	border-bottom: 2px solid #dbe4e3;
	border-top: 0px solid #dbe4e3;
	padding: 5px;
}
span.accordionOff {
	display: block;
	background-color: white;
}
span.accordion_rose {
	display: none;
	background-color: white;
	border-left: 2px solid #e5dbe3;
	border-right: 2px solid #e5dbe3;
	border-bottom: 2px solid #e5dbe3;
	border-top: 0px solid #e5dbe3;
	padding: 5px;
}

.actu a {
	font-weight: bold;
}

.actu h2 {
	font-weight: bold;
}
	

.newsticker {
      color : white;
        list-style-type: none;
        border: 1px dashed #fff;
       /* background: #050c44;*/
        padding: 3px;
        margin: 0;
}

.newsticker ul.newslist {
	list-style-type: disc;
}