/* css for diese home page */

body{
	background:				#FFFFFF url(../img/accueil/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;
}
/* base de la page, permet d'affiche le dégradé sur le coté du site */
#structure{
	margin:					0px auto;
	background:				url(../img/accueil/backgroundRepeatStructure.gif) repeat-y top right;
	width:					996px;
}
/* conteneur général, permet d'afficher le fond du site */
#conteneur{
	background:				url(../img/accueil/backgroundConteneur.jpg) no-repeat top right;
	position:				relative;
	min-height:				618px;
	width:					996px;
}
/* logo de Dièse */
#logo{
	position:				absolute;
	right:					97px;
	top:					21px;
}
/* colonne de gauche, sert de conteneur pour séparer les deux parties de la page */
#colonneLeft{
	float:					left;
	margin-left:			22px;
	width:					645px;
}
/* haut de la page, contient le flash et le menu haut */
#header{
	height:					314px;
}
#topMenu{
	position:				absolute;
	top:					250px;
	right:					401px;
}
#topMenu ul{
	list-style:				none;
	margin:					0px;
	padding:				0px;
}
#topMenu li{
	float:					left;
	height:					35px;
	text-align:				center;
}
#topMenu li a{
	background:				url(../img/accueil/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/accueil/topMenuLienHover.jpg) no-repeat top left;
	color:					#22387E;
}
#topMenu li#topMenuFirst a{
	background:				url(../img/accueil/topMenuFirst.jpg) no-repeat top left;
	width:					79px;
}
#topMenu li#topMenuFirst a:hover{
	background:				url(../img/accueil/topMenuFirstHover.jpg) no-repeat top left;
}
#topMenu li#topMenuLast a{
	background:				url(../img/accueil/topMenuLast.jpg) no-repeat top left;
	width:					77px;
}
#topMenu li#topMenuLast a:hover{
	background:				url(../img/accueil/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;
}
/* menu général */
#leftDMenu{
	background:				url(../img/accueil/leftMenuBackgroundRepeat.gif) repeat-y top right;
	float:					left;
	padding-left:			18px;
	width:					150px;
}
#leftDMenuTop{
	background:				url(../img/accueil/leftMenuTop.gif) no-repeat top left;
	height:					9px;
	width:					150px;
}
#leftDMenu ul{
	background:				url(../img/accueil/leftMenuUlBackground.gif) no-repeat top left;
	list-style:				none;
	margin:					0px;
	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{
	background-image:		url(../img/accueil/leftMenuPuceLvl1Hover.gif);
	color:					#22387e;
}
/* lien vers l'espace client */
#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;
}
/* garde un espace pour le flash dans le cas ou le contenu de la page serait plus petit de le menu */
#flashLeftMenuPlace{
	background-color:		#FFFFFF;
	height:					56px;
	padding-top:			45px;
	width:					150px;
}
#flashLeftMenu{
	bottom:					20px;
	height:					56px;
	left:					40px;
	position:				absolute;
	width:					150px;
}
/* contenu de la page, contient le texte d'accueil et les actus */
#contenu{
	background:				url(../img/accueil/trame.gif) no-repeat top right;
	float:					right;
	margin-right:			74px;
	width:					368px;
}
.text{
	margin:					0px 35px 0px 8px;
	text-align:				justify;
	overflow:				hidden;
}
.text p{
	margin:					0px 0px 11px 0px;
}
#news{
	background:				url(../img/accueil/newsBackgroundRepeat.gif) repeat-y top left;
	margin-top:				15px;
}
#newsTop{
	background:				url(../img/accueil/newsTop.gif) no-repeat top left;
	height:					9px;
	width:					367px;
}
#newsBottom{
	background:				url(../img/accueil/newsBottom.gif) no-repeat top left;
	height:					11px;
	width:					367px;
}
#newsContent{
	background:				url(../img/accueil/newsContentBackground.jpg) no-repeat top left;
	padding:				0px 31px 0px 16px;
}
#newsHeader{
	height:					17px;
	padding-top:			6px;
}
#newsTitle{
	float:					left;
}
#allNews{
	background:				url(../img/accueil/newsPuce.gif) no-repeat left 3px;
	color:					#e20031;
	float:					right;
	padding-left:			6px;
	text-decoration:		none;
}
#allNews:hover{
	text-decoration:		underline;
}
.actu{
	background:				url(../img/accueil/newsBorder.gif) no-repeat top left;
	padding:				6px 0px 2px;
}
.newsDate{
	background:				url(../img/accueil/newsPuce.gif) no-repeat left 3px;
	color:					#e20031;
	padding-left:			7px;
}
.newsLink{
	color:					#606679;
	font-weight:			bold;
	text-decoration:		none;
}
.newsLink:hover{
	color:					#8e94a5;
}
/* colonne de  droite avec les différents liens */
#colonneRight{
	float:					right;
	margin-right:			22px;
	padding-right:			53px;
	padding-top:			145px;
	width:					254px;
}
/* démo, question ? */
#rappeler{
	background:				url(../img/accueil/rappelerOff.png) no-repeat top left;
	display:				block;
	height:					71px;
	margin-bottom:			5px;
	width:					254px;
}
#rappeler:hover{
	background:				url(../img/accueil/rappelerOn.png) no-repeat top left;
}
/* décrivez-nous votre projet */
#projet{
	background:				url(../img/accueil/projetOff.png) no-repeat top left;
	display:				block;
	height:					71px;
	margin-bottom:			10px;
	width:					254px;
}
#projet:hover{
	background:				url(../img/accueil/projetOn.png) no-repeat top left;
}
#evenement{
	background:				url(../img/accueil/evenementOff.gif) no-repeat top left;
	display:				block;
	height:					86px;
	margin-bottom:			8px;
	width:					254px;
}
#evenement:hover{
	background:				url(../img/accueil/evenementOn.gif) no-repeat top left;
}
/* Les petits déjeuners du jeudi */
#jeudi{
	margin-bottom:			15px;
}
#jeudiHeader{
	background:				url(../img/accueil/jeudiHeader.png) no-repeat top left;
}
#jeudiBackground{
	background:				url(../img/accueil/jeudiBackgroundRepeat.png) repeat-y top left;
}
#jeudiContent{
	background:				url(../img/accueil/jeudiContentBackground.png) no-repeat top left;
	padding:				0px 12px 0px 8px;
	width:					234px;
}
#jeudiEntete{
	border-bottom:			1px solid #e9d9d2;
	padding:				0px 2px 2px;
	margin-bottom:			3px;
	width:					230px;
}
#jeudiTextEntete{
	color:					#009ab1;
	float:					left;
}
#jeudiPlus{
	background:				url(../img/accueil/jeudiPuce.gif) no-repeat left 3px;
	color:					#009ab1;
	float:					right;
	padding-left:			8px;
	text-decoration:		none;
}
#jeudiPlus:hover{
	text-decoration:		underline;
}
.jeudiBloc{
	padding:				4px 2px 0px 2px;
}
.jeudiDate{
	color:					#009ab1;
	float:					left;
	padding:				0px 5px 0px 0px;
}
.jeudiLien{
	color:					#885a5a;
	display:				block;
	float:					left;
	font-weight:			bold;
	text-decoration:		none;
	width:					172px;
}
.jeudiLien:hover{
	color:					#a68585;
}
#jeudiBottom{
	background:				url(../img/accueil/jeudiBottomBackground.png) no-repeat top left;
	height:					16px;
	width:					254px;
}
/* témoignages clients */
#temoignage{
	margin-bottom:			5px;
}
#temoignageBackground{
	background:				url(../img/accueil/temoignageBackgroundRepeat.gif) repeat-y top left;
}
#temoignageContent{
	background:				url(../img/accueil/temoignageBackground.gif) no-repeat bottom left;
	color:					#543077;
	min-height:				40px;
	padding:				8px 9px 0px 5px;
	position:				relative;
	text-align:				center;
}
.affiche{
	display:				block;
}
.cache{
	display:				none;
}
#temoignagePlus{
	position:				absolute;
	bottom:					0px;
	right:					10px;
}
#temoignageBottom{
	background:				url(../img/accueil/temoignageBottom.png) no-repeat top left;
	height:					12px;
	width:					254px;
}
#brochure{
	background:				url(../img/accueil/brochureOff.png) no-repeat top left;
	display:				block;
	height:					86px;
	margin-bottom:			8px;
	width:					254px;
}
#brochure:hover{
	background:				url(../img/accueil/brochureOn.png) no-repeat top left;
}
#support{
	background:				url(../img/accueil/supportOff.png) no-repeat top left;
	display:				block;
	height:					55px;
	margin-bottom:			20px;
	width:					254px;
}
#support:hover{
	background:				url(../img/accueil/supportOn.png) no-repeat top left;
}
/* bas de page */
#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;
}
.spacer{
	clear:					both;
}