/*
Intégrateur XHTML : Sebastien Rentz / ACTIVIS
Site Web : ACTIVIS / css principal
*/

@import url(nav.css);

body { background-color: #fff; margin: 0 }
img { border: 0 none }
form { margin: 0 }
.txt_cache { display: none; visibility: hidden }

 /* taille plus grande pour l'affichage du texte en chinois */
/*.zh gauche_droite_large,*/
.zh .referencementtab,
.zh #colonne_gauche,
.zh #accueil_droite,
.font_zh,
.font_droite_zh
{ font-size: 13px !important; }
.zh #fiche_temoin, .zh #fiche_formation,
.zh #accueil_gauche
{ font-size: 14px !important; }


/* entete */
#entete { /*background:url('../images/fond_entete.jpg') repeat-x;*/background:url('../images/entete.jpg') no-repeat; height: 144px; width: 933px; margin: 0 auto;  }
#entete_print { display:none }

	#entete_contenu { margin: 0 auto; width: 933px; height: 111px; /*background:url('../images/entete_europe.jpg') no-repeat 575px 0; */}
	#logo { float:left; margin: 12px 150px 0 0; height: 99px }
	
	#outils { float:left; width: 500px; height:99px; text-align: right; margin: 12px 0 0 0 }
		#langues { float:right; margin: 0 0 14px 0; padding: 0; height: 16px }
			#langues img { margin: 0 0 0 4px; padding: 0 }
		#recherche { float:right; clear:right }
			#recherche img { margin: 0 8px 0 0 }
			.moteur_recherche { height: 13px; border: 1px solid #ECE9D8; margin: 40px 2px 0 0; font: 11px arial; color:#666666 }

	#dhtmlgoodies_menu { float: left; width: 680px; margin:8px 0 0 0;  font: 12px Arial; clear:both } /* voir css NAV */
	#menu_outils { float: right; margin: 8px 10px 0 0 }
		.contact { padding: 0 13px 0 0; border-right: 1px solid #ccc; }
		.espace_clients { margin: 0 0 0 12px }

#extranet { margin: 0 auto; width: 933px; clear:both }
	#extranet_identification { background:url('../images/fond_extranet.gif') no-repeat; width: 383px; height: 22px; float:right; text-align:right; padding: 4px 10px 0 0; }
	#identification { margin: 0 }
		#identification img { margin: 0 5px 0 0 }	


#chemin { margin: 8px auto; width: 923px; font: 10px arial; text-align:left; padding-left: 10px; color: #BFBDB5; clear:both }
	#chemin a { color: #BFBDB5; text-decoration:none }
	#chemin a:hover { color: #3489CF; text-decoration:none }	
	

/* centre */
#haut_contenu { margin: 0 auto; width: 933px; background-image:url('../images/font_haut_contenu.gif'); height: 29px }
	#haut_contenu h1 { margin: 0 0 0 215px; font: 20px verdana; color:#FFFFFF }
	#haut_contenu h1.libelle_jp, #haut_contenu h1.libelle_cn, #haut_contenu h1.libelle_zh { margin: 5px 0 0 215px; font: bold 18px verdana; color:#FFFFFF }
	
	
#haut_contenu_large { margin: 0 auto; width: 933px; background-image:url('../images/font_haut_contenu_large.gif'); height: 29px }
	#haut_contenu_large h1 { margin: 0 0 0 20px; font: 20px verdana; color:#FFFFFF }
	#haut_contenu_large h1.libelle_jp, #haut_contenu_large h1.libelle_cn, #haut_contenu_large h1.libelle_zh { margin: 5px 0 0 20px; font: bold 18px verdana; color:#FFFFFF }	
	
#gauche_droite { margin: 0 auto; width: 933px; background-image:url('../images/fond_contenu.gif') }
#gauche_droite_large { margin: 0 auto; width: 933px; background-image:url('../images/fond_contenu_large.gif') }


/* colonne gauche - menu */
#gauche { float:left; width: 194px; padding: 0 0 26px 0; }
	#sous_menu { margin: 29px 9px 20px 9px }



/* colonne droite */
#droite { float:left; width: 737px; }
#colonne_gauche { float:left; width: 435px; padding: 26px 32px 30px 26px; font: 11px verdana; color: #000; line-height: 18px }

	.font_jp, .font_cn, .font_zh { font: 9px verdana; color: #000 }
	.font_fr, .font_de, .font_en { font: 11px verdana; color: #000 }
	
	#colonne_gauche a { color: #3489CF; text-decoration:none }
	#colonne_gauche a:hover { color: #3489CF; text-decoration:underline }	


#colonne_droite { float:left; width: 226px; padding: 26px 0 20px 0; color: #666666; line-height: 16px; text-align:justify; }
	#colonne_droite a { color: #3489CF; text-decoration: none }

	.font_droite_jp, .font_droite_cn, .font_droite_zh { font: 9px arial }
	.font_droite_fr, .font_droite_de, .font_droite_en { font: 10px arial }


	#fiche_temoin, #fiche_formation { font: 12px arial; text-align:justify; }
		#fiche_temoin a, #fiche_formation a { color: #0099FF; text-decoration: none }
		#fiche_temoin a:hover, #fiche_formation a:hover { color: #3489CF; text-decoration: none }		
		#cadre_temoin { width: 180px; min-height: 60px; float:left; border: 1px solid #e6e6e6; margin: 0 16px 16px 0; text-align: center; padding: 10px }
	.temoin { margin: 0 8px 10px 0 }
	
	#cadre_formation { margin: 0; width:100%;text-align: center; padding: 5px;}

	.cadre_web { float:left; width: 190px; height: 200px; border: 1px solid #e6e6e6; margin: 0 24px 16px 0; text-align: center; padding-bottom: 9px }
		.titre_projet { background-color:#f4f4f4; padding: 4px 3px 2px 8px; text-align:left; margin-bottom: 14px; min-height: 50px }
		.cadre_web img { border: 1px solid #e6e6e6; }
		


#impression { border-top: 1px dotted #ccc; margin: 52px 0 15px 0; padding-top: 4px }
#pagination { margin: 42px 0 30px 0; clear:both; display:block; background-color:#f5f5f5; padding: 2px; text-align:center }
#pagination img { margin: 0 5px 0 3px }
.icone_pdf { margin: 4px 0 4px 0 }
.retour { background:url('../images/fleche_retour.gif') no-repeat left 4px; padding-left: 12px }
a.retour { color: #3489CF; text-decoration:none }

/* special accueil - page large */

#accueil_gauche { float: left; width: 600px; font: 12px arial; color: #000000; margin: 16px 16px 0 20px; padding-bottom: 26px }
	#accueil_gauche h2 { font-family:Arial, Helvetica, sans-serif;}
	#accueil_intro { float: left; width: 286px; margin: 0 20px 0 0 }
	#accueil_ref { float: left; width: 293px }
	#accueil_gauche a { /*color: #3489CF;*/ color: #3489CF; text-decoration:none }
	#accueil_gauche a:hover { text-decoration:underline }
	
	#sites_web { float: left; width: 290px; margin: 16px 20px 0 0; }
		.realisation_home { width: 274px; margin:0 0 10px 0; padding:8px; border:1px solid #CCCCCC; background:#F4F4F4; }
			.logo_client { float:left; margin: 0 8px 0 0; width: 102px }
			.logo_client img { border: 1px solid #cccccc; height:61px; width: 100px }		
			.description_client { float:left; margin: 0 0 0 0; width: 162px }		
				
	#referencement { float: left; width: 290px; margin: 16px 0 0 0 }



#accueil_droite { float: right; width: 237px; font: 10px arial; color: #666666; margin: 16px 20px 0 0; text-align:justify; }
	.image_news {  margin: 0 8px 0 0; padding-top: 10px }
	.rss { margin: 8px 0 8px 0 }
	.tirets { border-bottom: 1px dotted #ccc }

	#pub1, #pub2 { float: left; width: 115px; margin: 16px 0 20px 0 }
	#pub1 img, #pub2 img { margin: 0 0 8px 0 }
	#pub1 { margin-right: 6px }


/* tableau referencement */
.referencementtab { font: 11px arial; }
	.referencementtab thead { background-color: #ECE9D8; padding: 1px; text-align:left }
	.referencementtab td { height: 18px }
	.referencementtab td { border-bottom: 1px solid #ECE9D8 }		



/* polices contenu */
	h2 { margin: 0 0 8px 0; font: 20px Georgia; letter-spacing: 1px; color:#5B87B4 }
	h2.h2_jp { margin: 0 0 8px 0; font: bold 14px Georgia; letter-spacing: 1px; color:#5B87B4 }
	h3 { font: bold 14px arial; color:#000000; margin: 12px 0 7px 0 } /* contenu - soustitre */
	h3 a { color:#3489CF; text-decoration: none }
	h3 a:hover { color:#3489CF; text-decoration: none }
	
	a h3 { background:url('../images/fleche_liste.gif') no-repeat left 3px; font: bold 12px arial; color:#000000; text-decoration: none; margin: 26px 0 1px 0; padding-left: 16px }
	a:hover h3 { color:#3489CF; text-decoration: none }
	
	h4 { font: bold 12px arial; margin: 6px 0 3px 0 } /* titre actu */
	h4 a  { color:#000000; text-decoration: none }
	h4 a:hover  { color:#3489CF; text-decoration: none }
		
	h5 { color: #5B87B4; text-transform:uppercase; font: bold 12px arial; border-bottom: 5px solid #ECE9D8; padding: 0 0 5px 13px; margin-top: 6px; background:url('../images/fleche.gif') no-repeat left 3px } /* titre actualité - témoignages... */
	
	#accueil_gauche h5 { color: #FFFFFF; text-transform:uppercase; font:bold 14px Arial, Helvetica, sans-serif; background:url('../images/box.gif') no-repeat; padding: 5px 0 5px 13px; margin-top: 6px; width:290px; height:29px; border:0;} /* titre actualité - témoignages... */
	
	#accueil_droite h5, #colonne_droite h5 { background:url('../images/box_actus.jpg') no-repeat; border:0; width:273px; height:29px; color:#FFFFFF; padding: 5px 0 5px 13px;} 

	#sites_web h6, #referencement h6 { margin:0 ;}
	h6 a  { color:#3489CF; text-decoration: none; font: bold 12px arial; margin: 0 }
	h6 a:hover  { color:#3489CF; text-decoration: none }	
	
	.bleu { color: #3489CF } 
	.orange { color:#3489CF }
	.gris { color:#666666 }
	.date { font-style:italic; color:#666666 }
	.cadre { border: 1px solid #999 }
	.image_droite { margin: 0 0 6px 8px }
	.image_gauche { margin: 0 0 6px 8px }
	
	.erreur { color:#FF0000; font-weight: bold }

	#colonne_gauche ul, #accueil_gauche ul, #colonne_droite ul { margin: 0; padding: 0 }
	#colonne_gauche ul li, #accueil_gauche ul li, #colonne_droite ul li { background: url('../images/puce_bleue.gif') no-repeat left 5px; list-style-type: none; padding-left: 16px; margin:0 0 5px 0;}
	#colonne_gauche ol, #accueil_gauche ol, #colonne_droite ol { margin: 0 0 0 26px }
	#colonne_gauche ol li, #accueil_gauche ol li, #colonne_droite ol li { padding: 0 }
	
	#colonne_gauche #fiche_formation ul li { background: none; list-style-type: none; padding-left: 16px}
	#colonne_gauche #fiche_formation ul ul { margin: 0 0 8px 20px; padding: 0;background:none;}
	#colonne_gauche #fiche_formation ul ul li { background: url('../images/puce_bleue.gif') no-repeat left 7px;margin: 0 0 0 10px;} 




/* pied de page */
#bas_contenu {
	margin: 0 auto; padding:7px 0 0 0; 
	width: 933px; height: 22px; 
	background:url('../images/pied_page_large.gif') no-repeat; 
	text-align:center; 
	color:#FFFFFF; 
	font:bold 14px Arial, Helvetica, sans-serif; 
	}
	
	#bas_contenu a {
		color:#FFFFFF; text-decoration:none;
		}
		
		#bas_contenu a:hover {
			color:#666666; 
			}
		#bas_contenu a span { margin:0 40px 0 40px ;}

	
/*#bas_contenu_large { margin: 0 auto; width: 933px; background-image:url('../images/pied_page_large.gif'); height: 8px }*/

#pied_de_page { margin: 15px auto; width: 933px; height:50px; font: 11px arial }
#pied_de_page_print {display:none }

	#pied_de_page a { color:#646464; text-decoration:none }
	#pied_de_page a:hover { color:#3489CF; text-decoration:none }
	#mentions_legales { font: 11px arial; color:#646464; float:left; text-align: left; width: 450px; padding-left: 20px }
	#dn { float:right; width: 450px; text-align:right; }		
		#dn a{ margin:0 30px 0 0;}		

		

/* form DN */
.questionContact_ b{ display:none;}
.questionContact_obligatoire , .questionContact_ { }
textarea { font: 11px verdana }

/* extranet */
#identification_ok { margin: 0 }


/* Google map */

/* Carte Google */
#mapgoogle { margin-top: 30px;width: 440px; height: 350px; border: solid 1px #DDD }
#mapgoogle1, #mapgoogle2, #mapgoogle3, #mapgoogle4, #mapgoogle5 { 
	overflow:hidden; 
	width: 150px; height: 150px; 
	border: solid 1px #DDD;
	}


/* polices spéciales (TRAJAN) */
/* ///////////////////////////////////////////////// */

.sIFR-flash { visibility: visible !important; margin: 0 }
.sIFR-replaced { visibility: visible !important }

span.sIFR-alternate {
	position: absolute;
	left: 0; top: 0; width: 0; height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: 0;
	font-size: 22px; margin: 0 0 20px 0
}


/* Formation */
.cadre_formation {
	float:left;
	margin:0 20px 0 0;
	padding:0;
	background:transparent url('../images/formation_cadre-bas.gif') bottom no-repeat;
	width:306px;
}
#colonne_gauche .cadre_formation h5 {
	background:none;
	margin:0;
	padding:45px 15px 0 105px;
	border:0 none;
}
#colonne_gauche .cadre_formation ul {
	padding:0 15px 10px 20px;
}
#colonne_gauche .cadre_formation ul a{
	color:#000000;
}
.cadre_f_top1, .cadre_f_top2, .cadre_f_top3, .cadre_f_top4 {
	height:90px;
	padding:0;
}
.cadre_f_top1 {
	background:transparent url('../images/formation_cadre-haut1.gif') top no-repeat;
}
.cadre_f_top2 {
	background:transparent url('../images/formation_cadre-haut2.gif') top no-repeat;
}
.cadre_f_top3 {
	background:transparent url('../images/formation_cadre-haut3.gif') top no-repeat;
}
.cadre_f_top4 {
	background:transparent url('../images/formation_cadre-haut4.gif') top no-repeat;
}
.clear {
	clear:both;
	height:0;
	line-height:0;
}

.membre_equipe {width:418px; clear:both; margin:0 0 20px 0; padding:8px; background:#F4F4F4; border:1px solid #CCCCCC;}

.photo_membre_equipe { width:90px; float:left;}

.intitule_membre_equipe { width:328px; float:left;}
	.intitule_membre_equipe h3 { margin: 5px 0 0 0;}
	
.localisation {
	float:left;
	padding:1px;
	margin:0 40px 20px 0;
	width:180px; height:350px;
	}
	
	.localisation h4 {
		height:100px;
		}
	
.gmap {
	border:1px solid #DDDDDD;
	height:175px;
	overflow:hidden;
	width:175px;
	}