﻿/*-----------------
	HTML STYLES 
------------------*/
body {
	font-family:Arial, Helvetica, sans-serif,"Trebuchet MS";
	font-size: 75%; 
	color:#282b32;
	background-color:#F5F6F7;
	/*background:#DFDEDE url('http://www.satori.fr/images/fd2body.jpg'); background-position:center top;margin: 0px; background-repeat:repeat-x;*/
	/*background-color:#808080;*/
	
	padding: 0px;
	text-align: justify; 
	/*background-color:#3c3939;*/
	
	
}

*{margin:0px;padding:0px;}

img {border: none;}
form {margin: 0;padding: 0;}
br.clear {margin:0;padding:0;clear:both;height:0px; line-height:1px;}


/* pub - anim avant l'index du site---*/

#divcontent {margin: 200px auto 200px auto; padding:0;
	width:960px;height:349px; 
	border:10px solid #ffffff; 
	background-color:#990000;}


/*--------------------------
	BLOCS TOUTE RUBRIQUE
---------------------------*/
#conteneur { /* OK */
	position: relative;
	margin: 0px auto 0px auto;
	background-color:#ffffff;
	width: 960px;
	border:1px solid #e4e4e4;
	padding:0 5px;
	
}
#subheader {
	/* OK */
	width:960px;
	font-size: 0.9em;
	color: #808080;
	text-align: center;
	font-weight: normal;
	margin: 5px auto 5px auto;
	
}
	#subheader a {
	color: #515151;
	text-decoration: none;
	}
	#subheader a:hover {
	color: #215412;
	text-decoration: none;
}
/*----------Subheader2------*/
#subheader2{margin:0px;padding:0px;
	width: 960px; height:62px; 
	}
		
/*	#subheader2 h1 {
	font-size:2em;	
	margin: 0 0 0px 0;
	padding: 0px;
	width: 100%;
	height:62px;
	display: block;
	text-indent: -4812px;
	background:  url('images/logo_satori.gif') no-repeat top left;
	overflow:hidden;	}
	
	#subheader2 h1 a {
	font-size:2em;	
    overflow:hidden;
	display: block;
	width: 100%;
	height: 62px;}*/


#logo { margin:0px;padding:0px;float:left;}

#menu-haut {float:right;margin:40px 0 0 90px;padding: 0px 10px 0 0px;}
	
	#menu-haut ul {list-style-type: none;}
	   #menu-haut ul li {display: inline;margin: 0px ; padding: 0px 3px 0px 3px;font-size: 1.1em;color:#53544f;border-right: 1px solid #53544f;}
		#menu-haut ul li.nb {margin: 0; padding:0px 3px 0px 3px;font-weight: normal;color:#53544f;border: none;}
		#menu-haut ul li a:visited {font-size: 0.9em;color:#53544f;text-decoration: none;}
		#menu-haut ul li a:link {font-size: 0.9em;color:#53544f;text-decoration: none;}
		#menu-haut  ul li.nb a:visited {color:#53544f;}
		#menu-haut ul li.nb a:link {color:#53544f;}
		#menu-haut ul li a:hover {color:#ed7703;}
		#menu-haut ul li.nb a:hover{color:#ed7703;}


		
.flags { float:right;width:20px;height:16px;border:0px #999999 solid; margin:40px 0 0 0;padding: 0px;display:none; }

/*-----fin-----*/
		
#header {margin:0px;padding: 0px;width: 950px;/*height:202px;*/}

	
	
	/*h1 a {
	display: block;
	width: 876px;
	height: 120px;*/


#contenu {width: 100%; margin: 0px;
	padding: 0px;
	/*background-color:#99CC66;*/
	
}
#contenubas { border:1px solid orange;width: 100%;margin: 0px;padding: 0px; /*background-image: url('images/background_contenu_bas.gif');*/ background-repeat:no-repeat}
#gauche {margin:30px 0 0 0;width: 210px;height:auto;float: left; background-color:#fff;/* background-image:url(images/fdgauche.jpg);  background-repeat:no-repeat;*/ }
#droite {margin:30px 0 20px 0;padding:0px 5px 0px 5px;width: 730px;float:right;background-color:#fff; border-left:1px #282b32 dotted;/*border-top:1px olive dotted;*/}
#droiteValeurs {margin:45px 0 20px 0;padding:0px 30px 0px 10px;/*width: 100%;*/line-height: 17px;background-color:#fff;}
#droiteProduits {margin:15px 0 20px 0;padding:0px 30px 0px 10px;/*width: 100%;*/line-height: 17px;background-color:#fff;}
#droiteReferences {margin:45px 0 20px 0;padding:0px 30px 0px 10px;/*width: 100%;*/line-height: 17px;background-color:#fff;}

				

	
/* ======= MENU ============*/



#fd-menu{height:35px; background-color:#ffffff;}
#menu {
	height: 35px;
	margin:5px 0 0 0;
	padding-left: 0px;
	/* correction bug IE5 */
	width: 960px;
	voice-family: "\"}\"";
	voice-family:inherit;
	/* bonne taille pour bons navigateurs */
    width: 960px;
    background-color:#ffffff;
}
#menu ul { /* OK */
	list-style-type: none;
	display: block;
	margin:0;
	padding:0;
	width: 100%; /* précision pour Opera */
}
#menu ul li {
	display: block;
	float: left; 
	height: 35px;
	margin: 0; 
	padding: 0 ;
}
#menu ul li a {
	display: block;
	padding: 35px 0 0 0;/* la valeur correspond à la hauteur de l'image du menu*/
	overflow: hidden;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:0px;
}
/* mouse out */
#menu ul li#societe { background: transparent url("http://www.satori.fr/images/bt_societe.gif")  no-repeat; left: 1px; width: 100px; }
#menu ul li#valeurs { background: transparent url("http://www.satori.fr/images/bt_valeurs.gif")  no-repeat; left: 1px; width: 100px; }
#menu ul li#produits { background: transparent url("http://www.satori.fr/images/bt_produits.gif")  no-repeat; left: 1px; width: 100px; }
#menu ul li#services { background: transparent url("http://www.satori.fr/images/bt_services.gif")  no-repeat; left: 1px; width: 100px; }
#menu ul li#references { background: transparent url("http://www.satori.fr/images/bt_references.gif")  no-repeat; left: 1px; width: 100px; }
#menu ul li#espaceClients { background: transparent url("http://www.satori.fr/images/bt_espaceClients.gif")  no-repeat; left: 1px; width: 100px; }
/* mouse over */
#menu ul li#societe a:hover { background: transparent url("http://www.satori.fr/images/bt_societe.gif")  no-repeat 0 -35px; left: 1px; width: 100px; }
#menu ul li#valeurs a:hover { background: transparent url("http://www.satori.fr/images/bt_valeurs.gif")  no-repeat 0 -35px; left: 1px; width: 100px; }
#menu ul li#produits a:hover { background: transparent url("http://www.satori.fr/images/bt_produits.gif")  no-repeat 0 -35px; left: 1px; width: 100px; }
#menu ul li#services a:hover { background: transparent url("http://www.satori.fr/images/bt_services.gif")  no-repeat 0 -35px; left: 1px; width: 100px; }
#menu ul li#references a:hover { background: transparent url("http://www.satori.fr/images/bt_references.gif")  no-repeat 0 -35px; left: 1px; width: 100px; }
#menu ul li#espaceClients a:hover { background: transparent url("http://www.satori.fr/images/bt_espaceClients.gif")  no-repeat 0 -35px; left: 1px; width: 100px; }
/* actif */
#menu ul li.active#societe { background: transparent url("http://www.satori.fr/images/bt_societe.gif")  no-repeat 0 -70px; left: 1px; width: 100px; }
#menu ul li.active#valeurs { background: transparent url("http://www.satori.fr/images/bt_valeurs.gif")  no-repeat 0 -70px; left: 1px; width: 100px; }
#menu ul li.active#produits { background: transparent url("http://www.satori.fr/images/bt_produits.gif")  no-repeat 0 -70px;; left: 1px; width: 100px; }
#menu ul li.active#services { background: transparent url("http://www.satori.fr/images/bt_services.gif")  no-repeat 0 -70px; left: 1px; width: 100px; }
#menu ul li.active#references { background: transparent url("http://www.satori.fr/images/bt_references.gif")  no-repeat 0 -70px; left: 1px; width: 100px; }
#menu ul li.active#espaceClients { background: transparent url("http://www.satori.fr/images/bt_espaceClients.gif")  no-repeat 0 -70px; left: 1px; width: 100px; }

/*--------menu-gauche---------*/

#menu-gauche{
	margin: 0px 0 0 0px;
	width:210px;
	}

#menu-gauche h3 {
	padding:10px 0 5px 10px; 
	color:#817a65; 
	border-bottom: 1px orange solid ;
	font-size:1.1em; font-weight:bold;
	/*background-image:url('images/pucedroiteH3.png') ;_background-image:url('images/pucedroiteH3.gif') ;
	background-position:left;
	background-repeat:no-repeat;*/

}

#menu-gauche h4  {
	font-size:1em;
	padding:10px 0 0 10px; 
	color:#405ba6; 
	border-top: 1px orange solid; 
	font-weight:normal;}

#menu-gauche ul{ letter-spacing:0px;font-size:12px; 
	margin:0;padding:0 0 10px 0;
	background-repeat:no-repeat;}

#menu-gauche li  {
	width:209px;
	display: block;
	margin-bottom:0px;
	padding-left:0px;
	text-indent:20px;font-size:1em;
	color: #FF9900;font-weight:normal;
	background: #eeeeee url('http://www.satori.fr/images/puce_menu_gauche_off.gif') no-repeat center left;
	border-bottom:1px solid #DADADA;  }
	
#menu-gauche li a{font-weight:bold;
	display: block;
	font-size: 1em;color: #333333;
	text-decoration: none;
	/*background-color:#817a65;*/
	background: #fff url('http://www.satori.fr/images/puce_menu_gauche.gif') no-repeat center left; }
	
#menu-gauche li a:hover{
	background: #ffffff url('http://www.satori.fr/images/puce_menu_gauche.gif') no-repeat center left; 
	/*background-color:#cab9a2;*/
	display: block;font-size:1em;
	color: #FF9900;text-decoration: none;}
	
/*--------------fin-------------*/		


/*----------------contenu droite-----------*/
a:link {color:#336666;}
a:hover {color:#CC3300;}
/*a:visited {color: #66CC33;}*/

#droiteValeurs .lien a:link {color: #3d591b;text-decoration: none;border-bottom: 1px dotted #3d591b;}
#droite .lien a:link {color: #3d591b;text-decoration: none;border-bottom: 1px dotted #3d591b;}
#droiteValeurs .lien a:visited{color: #3d591b;text-decoration: none;border-bottom: 1px dotted #3d591b;}
#droite .lien a:visited{color: #3d591b;text-decoration: none;border-bottom: 1px dotted #3d591b;}
#droiteValeurs .lien a:hover{color: #3d591b;text-decoration: none;border-bottom: 1px solid #3d591b;}

#droite .lien a:hover{color: #3d591b;text-decoration: none;border-bottom: 1px solid #3d591b;}

#droite p { margin: 5px 0 10px 0; }
#droite h1 {color: #282b32;font-size: 1.4em;font-weight:normal;margin: 0;padding: 0; }
#droite h2 {color: #282b32;/*font-size: 1.2em;*/font-weight: bold;margin: 0;padding: 0; border-bottom: 1px orange solid ;}
.infos {color:#FF6600;}

#droiteReferences h3{height:20px;
	/*display:inline;*/
	color:#282b32;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 10px 0;padding: 0 0 0px 10px;
	
	background-image:url('http://www.satori.fr/images/pucedroiteH3.png') ;/*_background-image:url('images/pucedroiteH3.gif')*/ ;
	background-repeat:no-repeat;
	text-align:left;
}

#droite h3{height:20px;
	/*display:inline;*/
	color:#282b32;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 10px 0;padding: 0 0 0px 10px;
	
	background-image:url('http://www.satori.fr/images/pucedroiteH3.png') ;/*_background-image:url('images/pucedroiteH3.gif')*/ ;
	background-repeat:no-repeat;
	text-align:left;
}

#droiteValeurs h3{height:20px;
	/*display:inline;*/
	color:#282b32;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 10px 0;padding: 0 0 0px 10px;
	
	background-image:url('http://www.satori.fr/images/pucedroiteH3.png') ;/*_background-image:url('images/pucedroiteH3.gif')*/ ;
	background-repeat:no-repeat;
	text-align:left;
}
#droiteValeurs .titre {padding:30px 0 30px 0;font-size:2.5em; font-weight:bold;}


#droite h5, #droiteValeurs h5 {color: #282b32;font-size: 1.1em;font-weight: normal;margin: 0;padding: 5px 0 0 0 ; }
.commentaire {font-size:0.9em;}
#droite h4 {font-size:1em;}


#droite .toto{
	color: #215412;
	text-decoration: none;
	border-bottom: 1px dotted #FF9900;
}

#droite .encadre, #droiteValeurs .encadre {/*background-color:#EBE8DF;*/margin-bottom:20px;padding:5px;background-color:#eaeaea;}
#droiteValeurs .encadre2 {/*background-color:#EBE8DF;*/margin-bottom:20px;padding:5px;background-color:#EBE8DF;}

/*--etudes de cas-----*/
#droite .casestudies1 {background-color:#282b32;color:#ffffff;}
#droite .casestudies2 {background-color:#f0eeea;color:#333333;border:0px solid #333333;}
#droite .casestudies3 {background-color:#f0eeea;color:#333333;border:0px solid #333333;}
#droite .casestudies4 {background-color:#282b32;color:#ffffff;}

#droite .casestudies4 {
	float:left;
	width:300px;
	margin:0 5px 20px 0;
	padding:5px;	}
	
#droite .casestudies3 {
	float:left;
	width:300px;
	margin:0 5px 20px 0;
	padding:5px;	}
	
#droite .casestudies2 {
	float:left;
	width:300px;
	margin:0 5px 20px 0;
	padding:5px;	}
	
#droite .casestudies1 {
	float:left;
	width:300px;
	margin:0 5px 20px 0;
	padding:5px;	}
	
#droite .casestudies4 h5{
	color:#ffffff;
	font-weight:bold;
	border-bottom:1px #b39418 solid;
	}
		
#droite .casestudies1 h5{
	color:#ffffff;
	font-weight:bold;
	border-bottom:1px #b39418 solid;
	}
	#droite .casestudies3 h5{
	color:#333333;
	font-weight:bold;
	border-bottom:1px #b39418 solid;
	}

	#droite .casestudies2 h5{
	color:#333333;
	font-weight:bold;
	border-bottom:1px #b39418 solid;
	}

/*-fin----*/


#droiteReferences img {
	border: 3px solid #D4D1C0;
	text-decoration:none;

	
		}


#droite img {
	border: 3px solid #D4D1C0;
	text-decoration:none;

	
		}
#droiteReferences a:hover img{
	border: 3px solid #6b6f65;
	Filter: none;/* correction bug IE */
	text-decoration:none;
	}
#droite a:hover img{
	border: 3px solid #6b6f65;
	Filter: none;/* correction bug IE */
	text-decoration:none;
	}
#actu a .diap{
	border: 2px dotted #6b6f65;
	text-decoration:none;
	

}
#droite a .diap{
	border: 2px dotted #6b6f65;
	text-decoration:none;
	

}
#actu a:hover .diap{
	border: 2px dotted #D4D1C0;
	Filter: none;/* correction bug IE */
	text-decoration:none;
	
}

#droite a:hover .diap{
	border: 2px dotted #D4D1C0;
	Filter: none;/* correction bug IE */
	text-decoration:none;
	
}

#droite ul {margin:0px;padding:0px; 
	list-style-image:url('http://www.satori.fr/images/puce_liste.gif');
	list-style-position:inside;	
}
#droite li {padding:0 0 0 0px;}
#droite li a {color: #3d591b;text-decoration: none;border-bottom: 1px dotted #3d591b;}
#droite li a:hover {color: #3d591b;text-decoration: none;border-bottom: 1px dotted orange ;}



#clientsRecent {margin:10px 20px 20px 10px; text-align:left; width:940px;}

#droite .noborder {border:none; border-color:#ffffff;}

		
/*----------fin-------------*/	

/*----produits----------*/

.boxproduit,.boxproduitleft {float: left;}
.boxproduit p,.boxproduitleft p {padding:3px;}
.boxproduitleft {margin:8px 0px 8px 30px;padding:0;width:210px;height:180px;
border:1px solid #cccccc; }

.boxproduit {margin:8px 0px 8px 10px;padding:0;width:210px;height:180px;
border:1px solid #cccccc; 
/*background-image: url('Produits/Images/fd_box_prod.jpg'); background-repeat:no-repeat;*/
}


.solution  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em; 
	letter-spacing:1px;}
.Online  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em; 
	letter-spacing:1px;}
.tadis  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em; 
	letter-spacing:1px;}
.boutique  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em; 
	letter-spacing:1px;}
.art  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em; 
	letter-spacing:1px;}
.fairplay  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em; 
	letter-spacing:1px;}
.museo  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em; 
	letter-spacing:1px;}
.acte  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em; 
	letter-spacing:1px;}
.satori {font-family:Arial, Helvetica, sans-serif;font-size:1em; letter-spacing:2px;}


.acte{color:#696DA2;}
.museo {color:#E4873D;}
.art{color:#B172B6;}
.boutique{color:#99C533;}
.tadis{color:#987a29;}
.acces{color:#D9D741;}
.Online{color:#CE1283;}
.satori{color:black;}
.solution{color:#666666;}
.Fairplay{color:#2EAAC3;}

#bloc1 {margin:0px 0 10px 0; padding:5px;background-color:#7688b6;color:#ffffff; }
#bloc3 h3 {color:#ffffff;font-weight:bold; border-bottom: 1px solid #ffffff;}
#bloc2 h3 {color:#ffffff;font-weight:bold; border-bottom: 1px solid #ffffff;}
#bloc1 h3 {color:#ffffff;font-weight:bold; border-bottom: 1px solid #ffffff;}
#bloc2 {margin:0px 0 10px 0; padding:5px;background-color:#ca7431;color:#ffffff; }
#bloc3 {margin:0px 0 10px 0; padding:5px;background-color:#CE2690;color:#ffffff; }


.eticket {margin:10px 10px 0 0;float:right;width:250px; }
.mobileTicket {margin: 10px 0 0 10px;float:left;width:250px;}
.mobileTicket p {padding-bottom:18px;}
.odysse {height:455px; background-image:url('http://www.satori.fr/Produits/Images/odysse.jpg');background-repeat:no-repeat;background-position: bottom right;}

.suite{margin:0;padding:0;}

/*-------------fin-------------*/


.off{background-color:#D4D1C0;}
.numero {padding-right:10px;color:#FF9900;font-size:1.2em;}
.pdf{margin:0px 0 10px 0px;width:209px;height:44px;background-image:url('http://www.satori.fr/images/pdf.gif');background-repeat: no-repeat;}
.diaporama{margin:0px 0 10px 0px;width:209px;height:44px;background-image:url('http://www.satori.fr/images/diaporama.gif');background-repeat: no-repeat;}
.diaporama p{padding:10px 5px 0 50px;font-family:Arial, Helvetica, sans-serif; font-style:normal;font-size:0.9em;color:black; text-align:left;}

.pdf p {padding:10px 5px 0 50px;font-family:Arial, Helvetica, sans-serif; font-style:normal;font-size:0.9em;color:black; text-align:left;}
.pdf a:link {color: #D6082A; text-decoration:none;}
.diaporama a:link {color: #D6082A; text-decoration:none;}
.pdf a {color: #D6082A; text-decoration:none;}
.diaporama a {color: #D6082A; text-decoration:none;}
.pdf a:hover {color: #D6082A; text-decoration:underline;}


.diaporama a:hover {color: #D6082A; text-decoration:underline;}


.voir a {color: #D6082A;}

#ref{margin:0;padding:0;width:500px;}
.microsoft{
	padding:250px 0 0 0 ;
}

/*------------------footer--------------*/
#footer {margin:20px 0px 0px 0px;padding: 0px;
	width: 100%;	
	display: block;
	color:#000; background-color:#fff;border-top:5px solid #eaeaea;text-align:center; display:none;}


#menu-bas { position:relative;margin:10px auto 30px auto;padding:0; 
			width:960px; height:263px;font-size: 1em;color: #53544f;font-weight: normal;
			background-image:url('images/footer.png'); background-repeat:no-repeat;_background-image:url('http://www.satori.fr/images/footer.gif');
			}
#lienssatori {padding:0; margin:0 auto 0 auto;width:960px;}	
#lienssatori a {color:#666666; text-decoration:none;}
#lienssatori a:hover {color:#666666; text-decoration:underline;}		
#liens1satori { margin-top:10px; float:left;width:110px;padding:0 10px 0 10px; text-align:right;font-size: 10px; border-right: 1px solid #666666; }
#liens2satori { margin-top:10px;float:left;width:100px;padding:0 10px 0 10px; text-align:right;font-size: 10px; border-right: 1px solid #666666; }
#liens3satori { margin-top:10px;float:left;width:120px;padding:0 10px 0 10px; text-align:right;font-size: 10px; border-right: 1px solid #666666; }
#liens4satori { margin-top:10px;float:left;width:120px;padding:0 10px 0 10px; text-align:right;font-size: 10px; border-right: 1px solid #666666; }
#liens5satori { margin-top:10px;float:left;width:160px;padding:0 10px 0 10px; text-align:right;font-size: 10px; border-right: 1px solid #666666; }
#liens6satori { margin-top:10px; float:left;width:150px;padding:0 10px 0 10px; text-align:right;font-size: 10px; border-right: 1px solid #666666; }

#liensbas {padding:20px 10px 20px 10px;margin:0 auto 0 auto;clear:both; text-align:center;font-size: 1em; }
#liensbas a {text-decoration:none;color:#53544f;}
#liensbas a:hover{text-decoration:underline;color:#53544f;}

#logoDigitick { float:left; padding:0; margin:0 0 0 5px ; width:113px;}
#containerliens{float:left;width:620px; margin:0 0 0 100px; font-weight:bold;}

	
	/*#menu-bas ul {float:right;margin: 0px ; padding: 0px 0px 0px 0px;list-style-type: none;}
	   #menu-bas ul li {display: inline;margin: 0px ; padding: 0px 3px 0px 3px;font-size: 1em;color:#53544f;border-right: 1px solid #D4D1C0;}
		#menu-bas ul li.nb {margin: 0; padding:0px 3px 0px 3px;font-weight: normal;color:#53544f;border: none;}
		#menu-bas ul li a:visited {font-size: 0.9em;color:#53544f;text-decoration: none;}
		#menu-bas ul li a:link {font-size: 0.9em;color:#53544f;text-decoration: none;}
		#menu-bas  ul li.nb a:visited {color:#53544f;}
		#menu-bas ul li.nb a:link {color:#53544f;}
		#menu-bas ul li a:hover {color:#ed7703;}
		#menu-bas ul li.nb a:hover{color:#ed7703;}*/
		
/*------------------fin-----------------*/


/* ---------------------------ACCUEIL------------------------------------------*/		

#contenu{width:100%;margin:0;padding:0; }
	
.box1 {margin:8px 0px 8px 0px;padding:0px;width:290px;height:255px;
background-color:transparent;border:1px solid #cccccc;
}
.box3 {margin:8px 0px 8px 0px;padding:5px;width:260px;height:180px;
background-color:white;border:1px solid #cccccc;
}

.boxproduitsAccueil {margin:8px 0px 8px 0px;padding:5px;width:650px;height:180px;
background-color:white;border:0px solid #cccccc;
}
.box4 {margin:8px 0px 8px 0px;padding:0px;width:292px;height:172px;
background-color:#D4D1C0;border:0px solid #cccccc;
}


.box1{float:right; color:#fff; text-align:right; }
.box3{float:left;}
.boxproduitsAccueil{float:left;}
.box4 {float:right;}
	
.croix {padding:3px 0 3px 0;/*float:right;*/ }


#actu { font-size:11px;
	margin:8px 0px 8px 0px;padding:0px;float:left;width:650px;background:transparent url('images/accueil/fdactu_centre.gif') ;
	background-repeat: repeat-y;
	border: solid 0px red; /* Pour voir les limites du bloc */
	}


#actu p {color:#333333;margin: 5px 8px 5px 5px;text-align: left;border-bottom:1px dotted #333333;}

#actu .date {padding:0 3px 0 3px;margin:0 5px 0 2px;color: #FFF;font-style: normal;font-size:1em; background-color:#7f817c;}
#actu .important {color: #CC0066;}
#actu .trait {border-bottom:1px dotted #333333;}
#actu .clients {margin: 10px 5px 5px 5px;width:550px; display:none;
/*background-image:url('images/accueil/fdactu_bas.gif');
background-position:left bottom;
background-repeat:no-repeat;*/}

#actu a {color:#CC0066;}
#actua :hover {color:#CC0066;}

#actu a .diap {border: 2px solid #D4D1C0;text-decoration:none;}
#actu a:hover .diap{border: 2px solid #fff;Filter: none;/* correction bug IE */text-decoration:none;cursor:pointer;}

.over1{width:650px; height:220px;overflow:auto;}
.dateemploi {padding:0 3px 0 3px;margin:0 5px 0 2px;color: #FFF;font-style: normal;font-size:1em; background-color:#CC0066;}
.dateinfos {padding:0 3px 0 3px;margin:0 5px 0 2px;color: #FFF;font-style: normal;font-size:1em; background-color: #669966;}

/*----------Infos Bulle.js-----------*/
#dhtmltooltip{
position: absolute;
left: -300px;
width: 155px;
border: 1px solid black;
padding: 5px;
color:#fff;
background-color:#333333;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS
filterprogid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.titi {
	color:#D1F4F4;}


/*---------------fin----------------*/	


/*references*/

.references {
	background-color:#282b32;}

.annonces {display:none;}

	