body{
	background:				#FFFFFF url(../img/interieur/backgroundBody.gif) repeat-x top left;
	color:					#334270;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	margin:					0px;
}
img{
	border:					0px;
	vertical-align:			top;
}
b{
	font-weight:			bold;
}
/* base de la page, permet d'affiche le dégradé sur le coté du site */
#structure{
	margin:					0px auto;
	background:				url(../img/interieur/backgroundRepeatStructure.gif) repeat-y top right;
	width:					996px;
}
/* conteneur général, permet d'afficher le fond du site */
#conteneur{
	background:				url(../img/interieur/backgroundConteneur.jpg) no-repeat top right;
	position:				relative;
	min-height:				618px;
	width:					996px;
}
/* logo de Dièse */
#logo{
	position:				absolute;
	right:					33px;
	top:					14px;
}
.bandeau{
	height:					121px;
	width:					738px;
}
/* id du div bandeau en fonction du bandeau voulu */
/*
#produit{
	background:				url(../img/interieur/produit.jpg) no-repeat 38px top;
}
#solutions{
	background:				url(../img/interieur/solutions.jpg) no-repeat 38px top;
}
#clients{
	background:				url(../img/interieur/clients.jpg) no-repeat 38px top;
}
#partenaires{
	background:				url(../img/interieur/partenaires.jpg) no-repeat 38px top;
}
#actualites{
	background:				url(../img/interieur/actualites.jpg) no-repeat 38px top;
}
#quiSommesNous{
	background:				url(../img/interieur/quiSommesNous.jpg) no-repeat 38px top;
}
*/
/* Menu sous le bandeau */
#topMenu{
	margin-bottom:			15px;
	width:					738px;
}
#topMenu ul{
	float:					right;
	list-style:				none;
	margin:					0px;
	padding:				0px;
}
#topMenu li{
	float:					left;
	height:					35px;
	text-align:				center;
}
#topMenu li a{
	background:				url(../img/interieur/topMenuLien.jpg) no-repeat top left;
	color:					#22387e;
	display:				block;
	font-size:				12px;
	font-weight:			bold;
	padding:				12px 0px;
	text-decoration:		none;
	width:					76px;
}
#topMenu li a:hover{
	background:				url(../img/interieur/topMenuLienHover.jpg) no-repeat top left;
	color:					#22387E;
}
#topMenu li#topMenuFirst a{
	background:				url(../img/interieur/topMenuFirst.jpg) no-repeat top left;
	width:					79px;
}
#topMenu li#topMenuFirst a:hover{
	background:				url(../img/interieur/topMenuFirstHover.jpg) no-repeat top left;
}
#topMenu li#topMenuLast a{
	background:				url(../img/interieur/topMenuLast.jpg) no-repeat top left;
	width:					77px;
}
#topMenu li#topMenuLast a:hover{
	background:				url(../img/interieur/topMenuLastHover.jpg) no-repeat top left;
}
/* pour les différentes couleurs des intitulés du menu */
.Webliasse {
	color:					#009ab1;
}
.WebIF {
	color:					#e20031;
}
.WebTVA{
	color:					#f49e00;
}
.WebTVS{
	color:					#a58dbc;
}
.WebCET{
	color:					#50ae58;
}
.WebTF{
	color:					#00a6dd;
}
a:hover .Webliasse, a:hover .WebIF, a:hover .WebTVA, a:hover .WebTVS, a:hover .WebCET, a:hover .WebTF{
	color:					#22387E;
}

/* structure en 3 colonnes */
#multiColonnes{
	background:				url(../img/interieur/multiColonnesBackground.gif) repeat-y 811px top;
	min-height:				440px;
}
/* colonne de gauche avec le menu */
#colonneLeft{
	float:					left;
	margin-left:			22px;
	width:					172px;
}
#leftDMenu{
	background:				url(../img/accueil/leftMenuBackgroundRepeat.gif) repeat-y top right;
	float:					left;
	padding-left:			18px;
	width:					150px;
}
#leftDMenuTop{
	background:				url(../img/interieur/leftMenuTop.gif) no-repeat top left;
	height:					9px;
	width:					150px;
}
#leftDMenu ul{
	list-style:				none;
	margin:					0px;
	padding:				0px;
}
#leftDMenu ul.lvl1{
	background:				url(../img/accueil/leftMenuUlBackground.gif) no-repeat top left;
	padding:				0px 11px 13px 9px;
}
#leftDMenu li{
	background:				url(../img/accueil/leftMenuLiBorder.gif) no-repeat bottom left;
}
#leftDMenu li a{
	background:				url(../img/accueil/leftMenuPuceLvl1.gif) no-repeat 5px 10px;
	color:					#6f7896;
	display:				block;
	font-weight:			bold;
	padding:				7px 0px 7px 16px;
	text-decoration:		none;
}
#leftDMenu li a:hover, #leftDMenu li.actif a:hover{
	background-image:		url(../img/accueil/leftMenuPuceLvl1Hover.gif);
	color:					#22387e;
}
li.actif ul{
	display:				list-item;
}
li.inactif ul{
	display:				none;
}
#leftDMenu li.actif a{
	background:				url(../img/interieur/leftMenuPuceLvl1Actif.gif) no-repeat 5px 12px;
	color:					#22387e;
}
#leftDMenu ul.lvl2{
	padding:				0px 0px 3px 3px;
}
#leftDMenu ul.lvl2 li{
	background:				url(../img/interieur/leftMenuLi2Border.gif) no-repeat top left;
}
#leftDMenu ul.lvl2 li a{
	background:				url(../img/interieur/leftMenuPuceLvl2.gif) no-repeat 5px 10px;
	color:					#6f7896;
	display:				block;
	font-weight:			bold;
	padding:				4px 0px 4px 16px;
	text-decoration:		none;
}
#leftDMenu ul.lvl2 li a:hover,
#leftDMenu ul.lvl2 li.actif a:hover{
	background:				#a1a9c3 url(../img/interieur/leftMenuPuceLvl2Hover.gif) no-repeat 5px 10px;
	color:					#ffffff;
}
#leftDMenu ul.lvl2 li.actif a{
	background:				url(../img/interieur/leftMenuPuceLvl2Actif.gif) no-repeat 5px 10px;
	color:					#22387E;
	font-weight:			bold;
}

/* ---- lvl3  ---- */
#leftDMenu ul.lvl3{
	padding:				0px 0px 3px 10px;
}
#leftDMenu ul.lvl3 li.inactif a{
	color:					#6f7896;
}

#espaceClient{
	background:				url(../img/accueil/espaceClientBackground.jpg) no-repeat top left;
	height:					32px;
	width:					150px;
}
#espaceClient a{
	color:					#FFFFFF;
	display:				block;
	font-weight:			bold;
	height:					21px;
	margin:					0px 3px;
	padding-top:			6px;
	text-align:				center;
	text-decoration:		none;
	width:					144px;
}
#espaceClient a:hover{
	background:				url(../img/accueil/espaceClientLienHover.jpg) no-repeat top left;
}
#flashLeftMenuPlace{
	background-color:		#FFFFFF;
	height:					56px;
	padding-top:			45px;
	width:					150px;
}
#flashLeftMenu{
	bottom:					55px;
	height:					56px;
	left:					40px;
	position:				absolute;
	width:					150px;
}
/* colonne centrale avec le contenu */
#colonneCenter{
	float:					left;
	width:					626px;
}
/* entete du contenu, contient le fil d'ariane, le titre de la page et une zone de texte */
#entete{
	background:				url(../img/interieur/titreEntete.png) no-repeat top left;
	padding:				14px 44px 0px 40px;
	min-height:				70px;
}
#ariane, #ariane a{
	color:					#03b5dc;
	text-decoration:		none;
}
#entete h1{
	color:					#03b5dc;
	margin:					0px 0px 2px 0px;
	padding:				0px;
	height:					27px;
	font-size:				26px;
}
h1.sIFR-replaced{
	height:					27px;
}
.textEntete{
	padding:				0px 0px 0px 5px;
}
.textEntete a{
	color:					#03b5dc;
	text-decoration:		none;
}
#contenu{
	padding:				0px 44px 0px 14px;
}
/* titre h2 et h3 */
h2{
	background:				url(../img/interieur/h2.gif) no-repeat top left;
	height:					24px;
	line-height:			24px;
	padding-left:			15px;
	font-size:				16px;
}
h2.sIFR-replaced{
	font-size:				16px;
	padding-top:			6px;
	padding-left:			0px;
}
h2 .sIFR-flash{
	margin-left:			15px;
	width:					551px;
}
h3{
	background:				url(../img/interieur/h3.gif) no-repeat 26px 6px;
	clear:					left;
	color:					#334270;
	font-size:				13px;
	font-weight:			bold;
	padding-left:			46px;
}
h3.breve{
	background:				url(../img/interieur/h3.gif) no-repeat 26px 6px;
	clear:					left;
	color:					#334270;
	font-size:				13px;
	font-weight:			bold;
	padding-left:			46px;
	margin: 0px 0px 5px 0px;
}
.text{
	padding:				0px 10px 0px 46px;
	text-align:				justify;
}
.text a{
	color:					#03b5dc;
	text-decoration:		none;
}
img.imgLeft{
	border:					1px solid #D8DBE4;
	float:					left;
	margin:					0px 30px 5px 0px;
	padding:				3px;
}
div.imgLeft{
	float:					left;
	margin:					0px 30px 5px 0px;
	text-align:				center;
}
div.imgLeft img{
	border:					1px solid #D8DBE4;
	display:				block;
	padding:				3px;
}
img.imgRight{
	border:					1px solid #D8DBE4;
	float:					right;
	margin:					0px 0px 5px 30px;
	padding:				3px;
}
div.imgRight{
	float:					right;
	margin:					0px 0px 5px 30px;
	text-align:				center;
}
div.imgRight img{
	border:					1px solid #D8DBE4;
	display:				block;
	padding:				3px;
}
div.imgLeft a, div.imgRight a{
	background:				url(../img/interieur/legendePuce.gif) no-repeat 0px 4px;
	padding-left:			6px;
}
#colonneCenter ul{
	list-style-image:		url(../img/interieur/liPuce.gif);
	padding:				0px 0px 0px 30px;
	margin:					0px 0px 12px 0px;
}
/* style pour la liste déroulante */
.select{
	float:					left;
	height:					18px;
	margin-left:			46px;
	margin-bottom:			20px;
	position:				relative;
	z-index:				99;
}
.selectLeft{
	background:				url(../img/interieur/selectLeft.gif) no-repeat top left;
	float:					left;
	height:					18px;
	width:					5px;
}
.selectCenter{
	background:				url(../img/interieur/selectCenter.gif) repeat-x top left;
	float:					left;
	height:					16px;
	padding:				2px 50px 0px 5px;
	width:					190px;
}
.selectRight{
	background:				url(../img/interieur/selectRight.gif) no-repeat top left;
	float:					left;
	height:					18px;
	width:					21px;
}
.selectItems{
	border-top:				1px solid #787b82;
	border-left:			1px solid #787b82;
	border-right:			1px solid #787b82;
	display:				none;
	left:					3px;
	margin-top:				-1px;
	position:				absolute;
	top:					18px;
}
#colonneCenter .selectItems ul{
	list-style:				none;
	list-style-image:		none;
	margin:					0px;
	padding:				0px;
}
#colonneCenter .selectItems li{
	background-color:		#dadde9;
	height:					1%;
	width:					251px;
}
#colonneCenter .selectItems a{
	border-bottom:			1px solid #9199b4;
	color:					#5f5f5f;
	display:				block;
	padding:				3px 3px;
	text-decoration:		none;
	width:					245px;
}
#colonneCenter .selectItems a:hover{
	background-color:		#a9b1cb;
	color:					#ffffff;
}
.select:hover .selectItems, .selectItems:hover{
	display:				block;
}
.select.over .selectItems{
	display:				block;
}
/* style pour la liste de clients */
.listClients{
	background:				url(../img/interieur/listClientsBackgroundRepeat.gif) repeat top left;
	margin:					0px 0px 20px 46px;
	width:					493px;
}
#colonneCenter .listClients ul{
	list-style:				none;
	margin:					0px;
	padding:				0px;
}
.listClients li{
	float:					left;
	margin-left:			1px;
	padding:				10px 0px;
	text-align:				center;
	width:					122px;
}
.printAndTop{
	clear:					left;
	text-align:				right;
}
.printAndTop a{
	color:					#5f6b8e;
	font-size:				11px;
	text-decoration:		none;
}
.print{
	background:				url(../img/interieur/print.gif) no-repeat top left;
	padding-left:			12px;
}
#print {
	visibility:				hidden;
}
.top{
	background:				url(../img/interieur/top.gif) no-repeat left 1px;
	margin-left:			10px;
	padding-left:			8px;
}
#colonneRight{
	float:					right;
	padding:				0px 30px 0px 13px;
	width:					133px;
}
/* Les petits déjeuners du jeudi */
#jeudi{
	background:				url(../img/interieur/jeudiOff.png) no-repeat top left;
	display:				block;
	height:					70px;
	margin-bottom:			10px;
	width:					133px;
}
#jeudi:hover{
	background:				url(../img/interieur/jeudiOn.png) no-repeat top left;
}
/* démo, question ? */
#rappeler{
	background:				url(../img/interieur/rappelerOff.png) no-repeat top left;
	display:				block;
	height:					70px;
	margin-bottom:			10px;
	width:					133px;
}
#rappeler:hover{
	background:				url(../img/interieur/rappelerOn.png) no-repeat top left;
}
#brochure{
	background:				url(../img/interieur/brochureOff.png) no-repeat top left;
	display:				block;
	height:					118px;
	margin-bottom:			10px;
	width:					133px;
}
#brochure:hover{
	background:				url(../img/interieur/brochureOn.png) no-repeat top left;
}
#evenement{
	background:				url(../img/interieur/evenementOff.gif) no-repeat top left;
	display:				block;
	height:					118px;
	margin-bottom:			10px;
	width:					133px;
}
#evenement:hover{
	background:				url(../img/interieur/evenementOn.gif) no-repeat top left;
}
/* témoignages clients */
#temoignage{
	margin-bottom:			5px;
}
#temoignageBackground{
	background:				url(../img/interieur/temoignageBackgroundRepeat.gif) repeat-y top left;
}
#temoignageContent{
	background:				url(../img/interieur/temoignageBackground.gif) no-repeat bottom left;
	min-height:				62px;
	padding-top:			8px;
	position:				relative;
	text-align:				center;
}
#temoignagePartContent{
	background:				url(../img/interieur/temoignageBackground.gif) no-repeat bottom left;
	min-height:				62px;
	padding-top:			8px;
	position:				relative;
	text-align:				center;
}
.temoignageText{
	color:					#543077;
	font-size:				10px;
	padding:				8px 18px 8px 9px;
	text-align:				center;
}
#temoignagePlus{
	position:				absolute;
	bottom:					0px;
	right:					10px;
}
#temoignageBottom{
	background:				url(../img/interieur/temoignageBottom.png) no-repeat top left;
	height:					12px;
	width:					133px;
}

#implantations{
	margin-bottom:			10px;
}
#implantationsBackground{
	background:				url(../img/interieur/implantationsBackgroundRepeat.gif) repeat-y top left;
}
#implantationsContent{
	background:				url(../img/interieur/implantationsBackground.gif) no-repeat bottom left;
	min-height:				62px;
	padding-top:			8px;
}
.implantationsText{
	background:				url(../img/interieur/implantationsBorder.gif) no-repeat 2px top;
	color:					#543077;
	font-size:				11px;
	padding:				8px 18px 8px 9px;
}
.implantationsText.firstImplantation{
	background-image:		none;
}
.implantationsPlus{
	background:				url(../img/interieur/implantationsPlus.gif) no-repeat left 2px;
	color:					#543077;
	height:					11px;
	padding-left:			15px;
	width:					11px;
}
#implantationsBottom{
	background:				url(../img/interieur/implantationsBottom.png) no-repeat top left;
	height:					12px;
	width:					133px;
}



#support{
	background:				url(../img/interieur/supportOff.png) no-repeat top left;
	display:				block;
	height:					70px;
	margin-bottom:			10px;
	width:					133px;
}
#support:hover{
	background:				url(../img/interieur/supportOn.png) no-repeat top left;
}
#footer{
	background:				#FFFFFF url(../img/accueil/footer.gif) no-repeat top left;
	height:					24px;
	padding:				20px 0px 15px 0px;
	text-align:				right;
	width:					996px;
}
#bottomMenu{
	border-left:			1px solid #5f6b8e;
	display:				inline;
	list-style:				none;
	margin:					0px 22px 0px 0px;
	padding:				0px 53px 0px 0px;
}
#bottomMenu li{
	border-right:			1px solid #5f6b8e;
	display:				inline;
	padding:				0px 4px;
}
#bottomMenu a{
	color:					#5f6b8e;
	font-size:				11px;
	text-decoration:		none;
}
#bottomMenu a:hover{
	color:					#8a92ac;
}
.sIFR-alternate{
	display:				none;
}
.spacer{
	clear:					both;
}
/* acutalites */
.newsDate{
	background:				url(../img/accueil/newsPuce.gif) no-repeat left 3px;
	color:					#e20031;
	padding-left:			7px;
}
.news {
	padding-left:			25px;
	}
.news h2 {
	display:				block;
	padding-left:			15px;
	background:				transparent url(../img/interieur/newsBackground.gif) no-repeat top left;
	height:					24px;
	line-height:			18px;
	margin:					20px 0px 5px 0px;
	font-size:				12px;
	color:					#334270;
}
.news h2 a.newsH2 {
	text-decoration:		none;
	color:					#334270;
}
.news h2 a:hover.newsH2 {
	color:					#6b7697;
}
.newsListeDate {
	margin-left:			15px;
	font-size:				11px;
	color:					#E2001A;
}
.news p {
	margin:					5px 0px 5px 0px;
	margin-left:			15px;
	font-size:				11px;
}
a.morenews {
	margin-left:			15px;
	font-size:				11px;
	color:					#03B5DC;
	font-weight:			bold;
	text-decoration:		none;
	padding-left:			7px;
	background:				transparent url(../img/interieur/legendePuce.gif) no-repeat center left;
}
a:hover.morenews {
	text-decoration:		underline;
}

.pagination { padding-top:15px; text-align: center; font-size: 12px; }
.pagination a { margin: 0 0 0 6px; color: #334270; text-decoration: none; font-weight: bold; }
.pagination a:hover { color: #6b7697; text-decoration:	none; }
.pagination b{ margin: 0 0 0 6px; padding: 1px; color: #334270; text-decoration: none; font-weight: bold; border:	1px solid #334270; }
.flecheBack { text-decoration: none; margin: 0 0 0 0; }
.flecheNext { text-decoration: none; margin: 0 0 0 0; }