/*
Site Web : ACTIVIS / css principal
*/

@import url(nav.css);

body { background: #fff url('../images/fond_page.jpg') repeat-y center top; margin: 0; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #333 }
img { border: 0 none }
form { margin: 0 }
.txt_cache { display: none; visibility: hidden }

.clear { clear: both; height: 0; font-size: 0; line-height:0 }

.succes { color: #009900; margin: 20px 0; padding: 20px 10px; border: 1px solid #009900 }
.error { color: #FF0000); margin: 20px 0; padding: 20px 10px; border: 1px solid #FF0000 }


/* taille plus grande pour l'affichage du texte en chinois */
.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 */

#langues { margin: 0 auto; width: 980px; height: 150px; padding: 5px 0; height: 16px; text-align:right }
	#langues img { margin: 0 0 0 4px; padding: 0 }


#entete { margin: 0 auto; width: 980px; height: 113px; background:url('../images/fond_entete.jpg') no-repeat top left }
#entete_print { display:none }
	
	#logo { float: left; margin: 3px 0 0 0 }

	#outils { float:right; width: 250px; height: 86px; text-align: right; margin: 27px 10px 0 0 }
		
		#recherche { float:right; margin: 2px 0 0 0 }
			#recherche img { margin: 0 4px 0 0 }
			.moteur_recherche { height: 17px; width: 136px; border: 1px solid #808080; margin: 0 2px 0 0; padding: 2px 0 0 6px; font: 11px verdana; color:#999 }

	#menu_outils { float: right; margin: 20px 0 0 0 }
		.bt_contact { margin: 10px 0 0 0 }
		.bt_facebook { margin: 10px 0 0 4px }
		#tel_principal { float:right; margin: 10px 0 0 0; color:#FFF; clear: both }

	#dhtmlgoodies_menu { float: left; width: 980px; height: 24px; background-color: #F4A435; margin: 0; font: 13px verdana; clear:both } /* voir css NAV */




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

/* centre */
#page { margin: 0 auto; width: 980px; background: url('../images/fond_entete_2.jpg') no-repeat }

#gauche_droite { margin: 30px auto 0 auto; width: 980px }


/* colonne gauche - menu */
#gauche { float:left; width: 200px; margin: 0 25px 0 0; overflow:hidden }
	#sous_menu { margin: 0 0 20px 0 }
	#gauche h6 { color:#FC580A; font: bold 15px Verdana; background-color:#F8C886; width: 188px; margin: 0 0 32px 0; padding: 5px 4px 5px 10px }

/* colonne droite - contenu central + colonne de droite */
#droite { float:left; width: 755px }

#colonne_gauche { float:left; width: 500px; padding: 0 0 46px 0; margin: 0 30px 0 0; font: 11px verdana; color: #333; line-height: 18px }
#colonne_gauche_large { float:left; width: 755px; padding: 0; margin: 0; font: 11px verdana; color: #333; 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, #colonne_gauche_large a { color: #FF9900; text-decoration:none }
	#colonne_gauche a:hover, #colonne_gauche_large a:hover { color: #3489CF; text-decoration:underline }	
	.libelle_or_not { display: none }


#colonne_droite { float:left; width: 220px; padding: 0; color: #666; line-height: 16px; font: 11px verdana }
	#colonne_droite a { color: #FF9900; text-decoration: none }

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


	#fiche_temoin, #fiche_formation { font: 12px verdana }
		#fiche_temoin a, #fiche_formation a { color: #0099FF; text-decoration: none }
		#fiche_temoin a:hover, #fiche_formation a:hover { color: #FF9900; 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: 225px; height: 200px; border: 1px solid #e6e6e6; margin: 0 24px 16px 0; text-align: center; padding: 0 0 9px 0 }
		.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; }
		
	.etude_de_cas { margin: 12px 0 16px 0; padding: 0 0 12px 0 }
		.temoin_cadre { float: left; width: 200px; border: 1px solid #e6e6e6; margin: 8px 20px 0 0; padding: 10px 6px; text-align: center }
		.temoin_description { float:left; width: 500px }

	
	#chapitres { margin: 26px 0 0 0 }
	.chapitre_case { width: 188px; height: 109px; margin: 0 20px 20px 0; padding: 0 8px 5px 12px; float: left; background:url('../images/fond_case_chapitre.jpg') no-repeat }
		.chapitre_case a { font: 11px verdana; color:#333; text-decoration: none }
		.chapitre_case h3 a { font: bold 14px verdana; margin: 0 0 6px 0; color: #003399 }
		.chapitre_case h3 a:hover { color: #3489CF }



#impression { width: 250px; background:url('../images/fond_bouton_degrade.jpg') repeat-x; margin: 72px 0 15px 0; padding: 6px 20px 0 6px }
	#impression img:hover { opacity:0.5; -ms-filter: "alpha(opacity=50)"; filter : alpha(opacity=50) }
#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 }
	#pagination a { text-decoration:none }
	
.icone_pdf { margin: 4px 0 4px 0 }
.retour { background:url('../images/fleche_retour.gif') no-repeat left 4px; padding-left: 12px }
a.retour { color: #FF9900; text-decoration:none }
.facebook_like { text-align:right }


/* special accueil - page large */
#x4 { width: 980px; height: 260px }
	.jcarousel-container-vertical {
    height: 260px;
    padding: 0;
    width: 638px;
	}	
	.jcarousel-clip-vertical {
    height: 260px;
    width: 638px;
	}	
	
	.jcarousel-item {
    height: 260px;
	}
	
	.jcarousel-container{ float:left; width: 638px; height: 260px; overflow:hidden }
	#x4_activites { float:left; width: 341px; height: 247px  }
		.x4_bouton { width: 327px; display:block; text-decoration:none; height: 52px; padding: 13px 0 0 14px; background:url('../images/fond_x4.jpg') repeat-x }
		.x4_bouton:hover { background-color: #999; background-image:none }
		.x4_bouton.active { background-color: #72A9E4; background-image:none }
		.x4_bouton h2 { margin: 0 0 4px 0; color:#FFF; font: bold 16px verdana  }
		.x4_bouton h3 { margin: 0; padding: 0; color:#333; font: normal 12px verdana; background-image:none  }
		.x4_bouton h3:hover { color: #F2981E }
		.x4_bouton h2:hover { color: #F2981E }

#accueil_intro { width: 980px; margin: 20px 0 24px 0 }
	#accueil_intro p { margin: 0 }
	#accueil_intro_gauche { float:left; width: 530px; margin: 0 20px 0 0; color: #666; font: 11px verdana; line-height: 16px }
	#accueil_intro_droite { float:left; width: 430px; margin: 0; color: #666; font: 11px verdana; line-height: 16px }

#boutons_action { margin: 20px 0 }
	#boutons_action img { float: left }
	.bouton_contact { margin: 0 35px 0 0; padding: 0 20px 0 0; border-right: 1px solid #FFCC66 }
	.bouton_devis { margin: 0 42px 0 0; padding: 0 33px 0 0; border-right: 1px solid #FF9933 }
	.bouton_appel { margin: 0 30px 0 0;  padding: 0 5px 0 0; border-right: 1px solid #CC0000 }
	.bouton_facebook { }
	.bouton_contact_2col { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #FFCC66 }
	.bouton_devis_2col { margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #FF9933 }
	.bouton_appel_2col { margin: 0 0 10px 0;  padding: 0 0 10px 0; border-bottom: 1px solid #CC0000 }	
	
	.bouton_contact:hover, .bouton_devis:hover, .bouton_appel:hover, .bouton_contact_2col:hover, .bouton_devis_2col:hover, .bouton_appel_2col:hover, .bouton_facebook:hover, .bouton_facebook_2col:hover  { opacity:0.5; -ms-filter: "alpha(opacity=50)"; filter : alpha(opacity=50) }
	

#accueil_gauche { float: left; width: 585px; font: 12px verdana; color: #000; margin: 0 16px 0 0; padding-bottom: 26px }
	
	#sites_web { float: left; width: 590px; margin: 0 20px 0 0; overflow:hidden }
		.client { float: left; width: 290px; height: 80px; overflow: hidden; margin: 0 5px 12px 0 }
		.logo_client { float:left; margin: 9px 8px 0 0; width: 104px; height: 65px; padding: 2px 1px; overflow:hidden; border: 1px solid #ccc; text-align:center }
		.logo_client img { margin: 2px 0 0 0  }		
		.description_client { float:left; margin: 9px 0 0 0; width: 173px; font: 11px verdana }
			.description_client a { text-decoration: none }			
		h5 { color: #333; text-transform:uppercase; font: bold 12px arial; border-bottom: 5px solid #F4A435; padding: 0 0 5px 0; margin-top: 6px} /* titre actualité - témoignages... */



#accueil_droite { float:right; width: 340px; font: 11px verdana; color: #666; margin: 0 }
	h4 a { display:block; color:#3489CF; font: bold 11px verdana; text-decoration: none; margin: 20px 0 4px 0 }
		h4 a:hover { color:#F4A435; text-decoration: underline }
	.image_news { float:left; width: 102px; height: 72px; overflow:hidden; margin: 0 10px 0 0; border: 1px solid #c8c8c8; text-align:center; padding: 2px }
	.image_description { float:left; margin: 0; width: 220px  }
	.rss { float: right; margin: 8px 0 0 0 }

	#intro_gauche { height: 48px; color: #666; font: 11px verdana }
	#intro_droite { height: 40px }
	#intro_gauche, #intro_droite p { margin: 0 }


/* 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 */
	h1 { margin: 0 0 16px 0; font: 28px Verdana; color:#49A2FA }
	h2 { margin: 8px 0 8px 0; font: 16px Verdana;  color:#76B9FB }
	h2.h2_jp { margin: 0 0 8px 0; font: bold 14px Georgia; letter-spacing: 1px; color:#5B87B4 }
	h3 { font: bold 14px arial; color:#000; margin: 12px 0 7px 0 } /* contenu - soustitre */
	h3 a { color:#3489CF; text-decoration: none }
	h3 a:hover { color:#FF9900; text-decoration: none }
	
	a h3 { background:url('../images/fleche_liste.gif') no-repeat left 3px; font: bold 12px arial; color:#000; text-decoration: none; margin: 26px 0 1px 0; padding-left: 16px }
	a:hover h3 { color:#FF9900; text-decoration: none }
	
	h4 { font: bold 12px arial; margin: 6px 0 3px 0 } /* titre actu */
	a h4 { color:#000; text-decoration: none }
	a:hover h4 { color:#FF9900; text-decoration: none }

	a h6, h6 { color:#3489CF; text-decoration: none; font: bold 12px arial; margin: 0 }
	a:hover h6 { color:#FF9900; text-decoration: none }	
	
	.bleu { color: #3489CF } 
	.orange { color:#FF9900 }
	.gris { color:#666666 }
	.date { display:block; text-align: right; margin: 0 0 5px 0; font-style:italic; color:#666 }
	.cadre { border: 1px solid #999 }
	.tirets { border-top: 1px dotted #e6e6e6; margin: 6px 0 12px 0 }
	.image_droite { margin: 0 0 6px 8px }
	.image_gauche { margin: 0 0 6px 8px }
	.img_gauche { margin: 0 8px 6px 0; float:left; }
	.img_droite { margin: 0 0 6px 8px; float:right; }
	
	.petit_gris { color:#666666; font-size:10px; }
	
	.erreur { color:#FF0000; font-weight: bold }

	#colonne_gauche ul, #colonne_gauche_large ul, #accueil_gauche ul, #colonne_droite ul { margin: 0; padding: 0 }
	#colonne_gauche ul li, #colonne_gauche_large ul li, #accueil_gauche ul li, #colonne_droite ul li { background: url('../images/puce_bleue.gif') no-repeat left 7px; list-style-type: none; padding-left: 16px}
	#colonne_gauche ol, #colonne_gauche_large ol, #accueil_gauche ol, #colonne_droite ol { margin: 0 }
	#colonne_gauche ol li, #colonne_gauche_large 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 */

#pied_de_page { margin: 30px auto; width: 980px; font: 11px verdana; color: #333; border-top: 7px solid #F4A435 }
#pied_de_page_print {display:none }

	#pied_de_page a { color:#333; text-decoration:none }
	#pied_de_page a:hover { color:#F4A435; text-decoration:none }
	
	#activis_locations { background: #F0F0F0 url('../images/location_icon.png') no-repeat 10px 11px; padding: 14px 12px 10px 38px; height: 22px }
	
	#mentions_legales { float:left; font: 11px verdana; color:#646464; text-align: left; width:450px; padding: 12px 0 20px 0 }
	#dn { float:right; text-align:right; width:450px; padding: 12px 0 20px 0 }	


#lien_pied_page { margin: 30px auto; width: 980px; font: 11px verdana; color: #ccc }
	#lien_pied_page a { color: #ccc; text-decoration:none }
	#lien_pied_page a:hover { color: #999; text-decoration:none }

/* form DN */
.questionContact_ b{ display:none;}
.questionContact_obligatoire , .questionContact_ { }
textarea { font: 11px verdana }
.form_dn_td { padding:3px 0 7px 0 }
.form_dn_input { width: 250px; border: 1px solid #c8c8c8 }
.form_dn_textarea { font: 11px verdana; width: 250px; border: 1px solid #c8c8c8 }
.form_dn_input:hover, .form_dn_input:focus, .form_dn_textarea:hover, .form_dn_textarea:focus { border: 1px solid #FF9900 }
.champsobligatoires { margin: 20px; font-style:italic } 
 
/* extranet */
#identification_ok { margin: 0 }


.gmap { overflow:hidden; width: 700px; height: 350px; border: solid 1px #DDD }

.localisation { padding:1px; margin-bottom:10px }



/* 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:#000;
}
.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 }



/* GALERIE PHOTOS */
.vignette { float:left; margin:0 20px 20px 0;}




/* localisation entreprise */
#tabs ul li { float:left; margin:0 2px 1px 2px; padding: 0px; background-image: none; border: 1px solid #ccc; }
#tabs ul li a { color:#1C94C4; text-decoration:none }
	

/* Interaction states
----------------------------------*/
#colonne_gauche_large .ui-state-default, #colonne_gauche_large .ui-widget-content .ui-state-default, #colonne_gauche_large .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
#colonne_gauche_large .ui-state-default a, #colonne_gauche_large .ui-state-default a:link, #colonne_gauche_large .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
#colonne_gauche_large .ui-state-hover, #colonne_gauche_large .ui-widget-content .ui-state-hover, #colonne_gauche_large .ui-widget-header .ui-state-hover, #colonne_gauche_large .ui-state-focus, #colonne_gauche_large .ui-widget-content .ui-state-focus, #colonne_gauche_large .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
#colonne_gauche_large .ui-state-hover a, #colonne_gauche_large .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
#colonne_gauche_large .ui-state-active, #colonne_gauche_large .ui-widget-content .ui-state-active, #colonne_gauche_large .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
#colonne_gauche_large .ui-state-active a, #colonne_gauche_large .ui-state-active a:link, #colonne_gauche_large .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
#colonne_gauche_large .ui-widget :active { outline: none; }

#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	margin-bottom:0;
	padding-bottom:1px;
}

/*
#tabs { background-color: #f5f5f5; border: 1px solid #DDD }
	#tabs ul { margin: 5px 0 10px 5px; background-color: F4A435; list-style: none } 
	

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

*/