@charset "utf-8";
/*couleur police ppale bleu==>#2d587d*/


/* A C C U E I L ----------------------------------------------------------------------------------------------------- */

#photoAccueil{
	background:url(../images/photoAccueil.jpg) no-repeat 1px 0px; 
	height:376px;
	width:540px;
	float:left;
	overflow:hidden;
	}
	#txtPresentationAccueil{color:#2d587d;font-size:1em;width:350px;padding:55px 0px 0px 20px; word-spacing:1px;line-height:20px;}

#zoneActus{ 
	width:449px;
	height:376px;
	/* border:1px solid red;*/
	float:left;
	}
	#menuActus{
		background:url(../images/bgMenuActus.png) no-repeat 0px 0px;
		height:53px;
		margin-top:26px;
		position:relative;
		z-index:8000;
		margin-left:-12px;
		width:461px;
		}
	#listeMenuActus{padding:0px 0px;}
		
		#listeMenuActus	li{
			float:left;
			height:35px;
			text-align:center;
			margin-left:1px;
			width:149px;
			}
		
		#navActu1 a, #navActu2 a, #navActu3 a{
			position:relative;
			z-index:5000;
			color:#2d587d
		}
		
		#listeMenuActus	a{
			position:relative;
			z-index:4000;
			display:block;
			height:35px;
			padding-top:10px;
			color:#fff
			}
		
		#wrapContenuActu{
			padding:0px 12px;
			margin-top:-30px;
			clear:both;
			height:280px;	
		}
		
		#contenuTab1, #contenuTab2,#contenuTab3{
			display:none;
		}
		#contenuTab1.tabActive{display:block}
		#contenuTab2.tabActive{display:block}
		#contenuTab3.tabActive{display:block}
		
		#ongletActivActus{
			position:relative;
			top:-40px;
			z-index:2000;
			}
		
		.actuESI{
			height:93px;
			background:url(../images/cal.png) no-repeat 30px 10px;
		}
		.actuIBM{
			height:93px;
			background:url(../images/cal2.png) no-repeat 30px 10px;
		}
		.date{
			height:60px;
			text-align:center;
			float:left;
			width:55px;
			padding:30px 0px 0px 27px;
			color:#2d587d;
			font-weight:bold
		}
		.titre{		
			height:60px;	
			text-align:left;
			float:left;
			width:305px;
			color:#2d587d;
			padding:12px 0px 0px 10px;
			}
		.titre a:hover{ text-decoration:underline;color:#009ee0}	
		.titre span{margin-left:220px;}	
			
/*Titre rubriks*/			
#titreRubrikPresentation,#titreRubrikOffresEtSolutions,#titreRubrikPartenaires,#titreRubrikActualites,#titreRubrikContact,#titreRubrikMentionsLegales { 
	position:relative;
	top:0px;
	height:90px;
	z-index:7000;
	}
	#titreRubrikPresentation h3,#titreRubrikOffresEtSolutions h3,#titreRubrikPartenaires h3,#titreRubrikActualites h3,#titreRubrikContact h3,#titreRubrikMentionsLegales h3{ letter-spacing:1px;font-size:1em; font-weight:bold;color:#fff;position:relative;top:38px;margin-left:180px} 
	

/*-------------- P a g e   P R E S E N T A T I O N ------------------------------------------------------------------- */
/* couleur : #9048B2 */

#titreRubrikPresentation{background:url(../images/bgTitrePresentation.png) no-repeat 2px 0px;}


/* -----------------------------------------------------------------------------  partie qui sommes nous */

#blocQuiQommesNous{
	padding: 10px 40px;
	background:url(../images/molecules.png) no-repeat 100px 60px;
	}
	
	.sousTitre1{	
	color:#9048B2;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2em;
	border-bottom:2px solid #9048B2	;
	padding:5px 10px;
	font-weight:normal;
	}
	
	#blocQuiQommesNous p{ margin:10px 0px 10px 0px; width:650px; float:right;}
	
	#wrapChiffresAvantages{clear:both;}
	
	#chiffres{float:left; width:280px; padding-left:20px; margin:30px 0px 0px 0px; }
	#avantages{float:left; width:560px;border-left: 1px dotted #9048B2 ;padding-left:26px;margin:30px 0px 0px 0px; }
	
	

	.sousTitre2{ font-size:1em; font-size:14px; color:#9048B2; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; }
	
	.titreListe{}
	
	#blocQuiQommesNous ul{padding:5px;}
	
	#blocQuiQommesNous li{padding:5px 5px;}

/* ----------------------------------------------------------------------------- partie Adhérents + Fiche P/ adhérent */

#blocAdherents{padding: 10px 40px; clear:both; margin:0px 0px 10px 0px; }
	
	#blocAdherents #adherent{ border:1px solid #2d587d;  height:60px;  width:434px; background:#fff ; margin:5px 5px; padding:5px; float:left; -moz-border-radius:5px}
	#blocAdherents #adherent:hover{ border:1px solid #9048B2; cursor:pointer}
	
	
	
	#blocAdherents span{ display:block;height:60px;overflow:hidden;font-weight:bold; font-size:1.2em; text-decoration:underline; }
	
	#blocAdherents a{display:block;height:60px;width:100%;padding:20px 0px 0px 0px;text-decoration:underline; color:#2d587d; text-indent:10px;}
	
	#blocAdherents a:hover{width:100%; background: #f6f6f6 url(../images/survolAdherent.png) no-repeat right 0px;text-decoration:underline;}
	
	#blocAdherents img{display:inline;margin-right:10px;float:left;}
	

/* -----------------------------------------------------------------------------  Fiche Adhérent */	
#wrapFiche{
	padding:5px;
	background:#fff;
	height:490px;
	}

#hautFiche{}
	#hautFiche img{ float:left; padding:10px 30px ; margin-bottom:10px;}
	#hautFiche h1{ 
		font-family:Georgia, "Times New Roman", Times, serif; 
		font-weight:normal;
		text-align:left;
		border:1px solid #eaeaea;
		overflow:hidden;
		text-align:center;
		padding:20px 0px 20px 0px}

#wrapTitres{ margin:20px 0px 0px 0px ; overflow:hidden; clear:both }
.titreTheme{
	font-size:1.2em;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:1px;
	margin:0px 0px 0px 0px;
	color:#9048B2;
	padding:4px 10px 4px 10px;
	cursor:pointer;
	float:left;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-radius-topleft:5px;
	-webkit-border-radius-topright:5px;
	}
#contentTabs1, #contentTabs2,#contentTabs3 {
	clear:both;
	background:#cbcbcb url(../images/bgContentTabsFicheAdherent.png) repeat-x;
	overflow:hidden;
	margin-top:0px;
	border-left:1px solid #ccc; 
	border-right:1px solid #ccc; 
	border-bottom:1px solid #ccc; 
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-radius-topright:5px;
	-webkit-border-radius-topleft:5px;
	-webkit-border-radius-bottomright:5px;
	-webkit-border-radius-bottomleft:5px;
	}
#contentTabs1{-moz-border-radius-topleft:0px;-webkit-border-radius-topleft:0px}
.blocGauche{ width:360px; float:left; margin:0px 0px 0px 0px;padding:10px;background:none;}


.blocDroit{width:360px; float:left; overflow:hidden; margin:0px;padding:10px;background:none;}

	.libelle{ font-weight:bold; font-size:1.1em;margin-left:5px;}
	.web a{text-decoration:underline; font-weight:bold}
	.ville, .cp, .adr2{clear:both;}
	.gestion, .securite, .systeme, .metiers, .services, .divers, .dpts, .cibles{margin-left:5px}

#infosOffres{ padding:10px}

/*------- P a g e   O F F R E S   E T   S O L U T I O N S ---------------------------------------------------------------*/

/* couleur : 4848B2 */

#titreRubrikOffresEtSolutions{background:url(../images/bgTitreOffresEtSolutions.png) no-repeat 2px 0px;}		
		
		.sousTitreOffres{	
		color:#4848B2;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:2em;
		border-bottom:2px solid #4848B2	;
		padding:5px 40px;
		margin-top:20px;
		font-weight:normal;
		cursor:pointer;
		}
/*.contentAccordion{ width:100%; margin:0 auto}
#iconeGestion{}
.imgGestion	{ display:block; float:left; margin:20px 0px 0px 20px; }
		
#wrapMenuTabs{ margin:20px 0px 0px 30px;width:204px; float:left; overflow:hidden;position:relative; z-index:10}

#wrapMenuTabs li{ padding:14px 0px 0px 40px; vertical-align:middle; cursor:pointer;height:35px;}
#wrapMenuTabs li:hover{ text-decoration:underline; }

#wrapContenuTabs{
	background:url(../images/bgContentTabs.png) repeat-y;
	width:600px;
	float:left;
	overflow:hidden;
	margin:10px 0px 0px -40px;
	position:relative; z-index:1;}
#wrapContenuTabs h2{margin:10px 0px 0px 50px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; }
#wrapContenuTabs h5{margin:10px 10px 0px 50px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; border-bottom:1px solid #2d587d}
#wrapContenuTabs p{margin:5px 0px 0px 50px;}
#wrapContenuTabs ul{margin:5px 0px 0px 50px;}
#wrapContenuTabs li{ clear:both; margin:0px 0px;}
#wrapContenuTabs li a{ color: #2d587d; font-weight:bold;margin:0px 0px;padding:0;}
#wrapContenuTabs li a:hover{ text-decoration:underline}
.hidden, .hidden2, .hidden3, .hidden4 {
	display: none;
}
.active, .active2, .active3, .active4{ background: url(../images/bgMenuTabs.png) no-repeat center; }	

#hautContentTabs{ background:url(../images/bgContentTabsHautBas.png) no-repeat top; height:21px;}
#basContentTabs{background:url(../images/bgContentTabsHautBas.png) no-repeat bottom ; height:21px; position:relative;top:0px; margin:0px 0px 0px 74px}	
*/

#menuTabs{
	color:#4848B2;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-left:20px;
	
}
#menuTabs h2{
	font-size:1.4em;font-weight:normal;float:left;margin:0px 10px;padding:10px 5px;
	}

#menuTabs h2:hover{ cursor:pointer}
#wrapContenuTabs{ clear:both;  
	border-top:10px solid #eaeaea;
	border-left:2px solid #eaeaea;
	border-right:2px solid #eaeaea;
	border-bottom:2px solid #eaeaea;
	width:933px; margin:0 auto 20px auto }

#tableSolutions{ margin:10px auto;}
#tableSolutions th{  
	background:url(../images/bgOnglet.png) repeat-x;
	color:#4848B2;padding:5px; 
	border-bottom:1px solid #eaeaea;	
	border-top:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
	border-left:1px solid #fff;}
#tableSolutions td{ padding:5px;border-top:5px solid #fff;}
#tableSolutions a{ color:#4848B2  }
#tableSolutions a:hover{}
#tableSolutions li:hover{ background:#CCC }
#tableSolutions li a{ margin:0;padding:2px;}
#tableSolutions li {float:left; border:1px solid #ccc;margin:5px;padding:5px;}


/*--------------- P a g e   P A R T E N A I R E S ------------------------------------------------------------------------*/
	

#titreRubrikPartenaires{background:url(../images/bgTitrePartenaires.png) no-repeat 2px 0px;}		
		

/*---------------- P a g e     A C T U A L I T E S ------------------------------------------------------------------------*/


#titreRubrikActualites{background:url(../images/bgTitreActualites.png) no-repeat 2px 0px;}

#wrapGauche{
	width:620px;
	margin-left:12px;
	float:left;
	padding:10px 10px;
	}
	
	#navTypeActu{
		padding-top:28px;
		padding-left:160px;}
		#navTypeActu li{ 
			float:left;
			letter-spacing:1px;
			text-align:center;
			width:180px; 
			height:40px; 

			}
		#navTypeActu a{ 
			color:#fff;
			display:block;
			margin-top:0px;
			padding-top:10px;
			font-weight:bold;
			height:30px;
			}
		#navTypeActu a:hover{background:#aecfd9; }
		#navTypeActu .activ { background:#336c7f}
		#navTypeActu .activ a{ 
		color:#fff;
		height:40px;
		background:transparent url(../images/bgNavActus.png) no-repeat 30px 40px;
		}
		#navTypeActu .activ a:hover{ color:#fff;}
	
	#contenuActu{ 
		color:#2d587d;
		clear:both;
		/*border: 1px solid #ccc;*/
		padding:10px;
	
		}
		 p{ color:#2d587d;}
		#contenuActu h1{
			color:#2d587d; 
			font-size:1.4em;
			border-bottom:1px solid #2d587d;
			padding-bottom:5px;
			line-height:1.5em;
			font-weight:normal;
			font-family:Georgia, "Times New Roman", Times, serif;
			}
		#contenuActu h6{color:#2d587d; font-size:1em; font-weight:normal;padding:5px 0px 10px 0px;}
		#contenuActu p{ color:#2d587d; letter-spacing:1px}
/*		#contenuActu p:first-letter{ font-size:3em;float:left;margin-right:2px; font-weight:bold}*/
		
		#wrapImgActu{
			margin-right:10px;
			float:left; 
			padding-bottom:10px;
			}
			#contenuActu img{
				padding:5px 5px;
				border:1px solid #D5D5D5;
				background:#fff;
				}
			
		#pj{margin-top:10px; background:url(../images/pj.png) no-repeat;min-height:51px;clear:both;}
			#pj h5{ font-size:1em;color:#2d587d;margin:0px 0px 0px 50px;padding:10px 0px 5px 0px; border-bottom:1px solid #2d587d}
			#tabPj{margin:10px 0px 0px 50px; color:#2d587d }
				#tabPj img{ border:none;}

		#downloadNewsletter{margin-top:30px; background:url(../images/downloadPdf.png) no-repeat;min-height:51px;clear:both;}
			#downloadNewsletter h5{ font-size:1em;color:#2d587d;margin:0px 0px 0px 50px;padding:20px 0px 5px 10px;}

#wrapDroite{ 
	width:320px;
	float:left;
	padding:10px 0px;
	/*background:silver;*/
	}
	#titreResteActus{
		width:278px;
		height:51px;
		background:url(../images/bgResteActus.png) no-repeat;
		color:#fff;
		text-align:center;
		font-weight:bold;
		letter-spacing:1px;
		margin-left:10px;
		}	
		#titreResteActus span{ display:block;padding-top:10px;}
	
	#listeResteActus{ color:#2d587d;}
		#listeResteActus div{ background:#F8F8F8; width:305px;margin-top:5px;padding:3px; border-left:4px solid #CCC}
			#listeResteActus div:hover{ background:#ebebeb; cursor:pointer; border-left:4px solid #4898b2 }
		#listeResteActus h6{ font-size:0.8em; font-weight:normal;margin-bottom:4px;}
		#listeResteActus h2{ font-size:0.9em; font-weight:normal;}

		


/*------------------- P a g e    C O N T A C T ----------------------------------------------------------------------------------------*/


#titreRubrikContact{background:url(../images/bgTitreContact.png) no-repeat 2px 0px;}

/*formulaire*/
input{width:200px; height:20px; font-size:1em ; padding-top:3px;}
label{ display:block;padding:5px 0px }
textarea{ vertical-align:top}

#formContact{ 
	padding-left:60px;
	padding-bottom:10px;
	margin-top:15px;
	}		
	#formContact span{
		display:block;
		width:200px;
		float:left;
		height:23px;
		border-bottom:1px dashed #000;
		margin-right:5px;
		vertical-align:bottom;
		color:#2d587d;
		}		
	#objet{width:400px;}	
		

#btValid{ 

	width:120px; 
	height:26px;
	background:transparent url(../images/bgBt.png) repeat-x 0px -2px;
	border:1px solid #002040;
	padding:0;
	margin:0;
		margin-left:650px;
	text-align:center;
	color:#FFF;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:1px;}	

#btValid:hover{ cursor:pointer;border:1px solid #ccc}
		
		
#titreRubrikMentionsLegales{}