/* CSS Document */
/*****************/
/* Style General */
/*****************/
body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#808589;
	background-image:url(FileMMedia/Image/fond_body.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#1c1c1d;
}
img{ border:0px; }
a{ text-decoration:none; }
a:hover{ color:#FFFFFF;}

input,
textarea,
select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

fieldset
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1A1A1A;
	border:1px solid #C30449;
}

input[type=submit]{
	background-color:#343537;
	border:1px solid #98C13B;
	padding-bottom:4px;
	color:#FFFFFF;
	height:25px;
	font-size:13px;
	cursor:pointer;
}

/********/
/* Site */
/********/
#Site{
	margin:0px auto 0px auto;
	padding:0px auto 0px auto;
	width:768px;
}

/************/
/* Banniere */
/************/
#Banniere{
	height:62px;
	font-size:11px;
	color:#959A9E;
	padding-top:18px;
	padding-left:25px;
}

/********/
/* Menu */
/********/
#Menu{
	margin:0px;
	padding:0px;
	width:239px;
	background-color:#1d1e22;
}

#Menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
	padding-top:75px;
	padding-left:15px;
}

#Menu ul li{
	display:block;
	margin:0px;
	padding:0px;
	margin-top:3px;
}

#Menu ul li a{
	display:block;
	color:#6B6F72;
}
#Menu ul li a:hover{
	color:#FFFFFF;
}

#Menu #Accueil ul li a#accueil,
#Menu #A-Propos ul li a#a_propos,
#Menu #Solutions-Web ul li a#solutions_web,
#Menu #Portfolio ul li a#portfolio,
#Menu #Devis-Gratuit ul li a#devis_gratuit,
#Menu #Contact ul li a#contact{
	color:#FFFFFF;
}


/*****************************************/
/*  Infos bulles stylées du menu gauche  */
/*****************************************/
	/****************************/
	/**  Version 1 des infobulles
	/****************************/
	a.info {
	   position: relative;
	   text-decoration: none;
	}
	a.info span.bulle {
	   width:247px;
	   height:89px;
	    display: none;
	}
	a.info:hover {
	   background: none; /* correction d'un bug IE */
	   z-index: 500; 
	}
	a.info:hover span.bulle {
	   display: inline; 
	   position: absolute;
	
	   /*white-space: nowrap;  on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
	
	   top: -89px; 
	   left:70px;
	
	   background-image:url(FileMMedia/Image/bulle_menu2.gif);
	   background-repeat:no-repeat;
	
	   color: #5B7827;
	   padding: 8px 12px 0px 12px;
	
	}
	
	/***************************/
	/** Version 2 des infobulles
	/***************************/
	
	/*a.info {
	   position: relative;
	   text-decoration: none;
	   height:9px;
	   padding:2px 0px 2px 0px;
	}
	a.info span.bulle_info {
	  border: none;
	  text-decoration: none;
	}
	
	a.info span.bulle_info:hover {
	   background: none; /* correction d'un bug IE 
	   z-index: 500; 
	}
	
	a.info span.bulle_info + span.bulle {
	   width:247px;
	   height:89px;
	   display: none;
	}
	
	a.info span.bulle_info:hover + span.bulle {
	   display: block; 
	   position: absolute;
	   
	   top: -89px; 
	   left:0px;
	
	   background-image:url(FileMMedia/Image/bulle_menu.gif);
	   background-repeat:no-repeat;
	
	   color: #5B7827;
	   padding: 8px 12px 0px 12px;
	}
	
	/* Mysterious hack for Safari :hover bug 
	span.bulle *:hover { } 
	
	}*/



/************/
/* Rubrique */
/************/
#Rubrique{
	padding:0px;
	margin:0px;
}

	#Rubrique .accordeon{
		cursor:pointer;
		margin-bottom:0;
		margin-top:10px;
		padding-left:14px;
		padding-top:5px;
		position:relative;
		background:url("images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50% #1C1C1D;
		border:1px solid #1C1C1D;
		color:#98C13B;
		font-weight:bold;
		outline:medium none;
	}
	#Rubrique .accordeon h3{
		font-size:11px;
		margin:0px;
	}
	#Rubrique .Resume{
		color:#808589;
		font-weight:normal;
	}
	#Rubrique .PlusMoins{
		font-size:9px;
		font-weight:normal;
	}
	
/*************/
/* BasDePage */
/*************/
#BasDePage{	
	margin:0px auto 0px auto;
	padding:0px auto 0px auto;
	text-align:left;
	width:768px;
	height:208px;
}
#BasDePage a{
	color:#6B6F72;
}
#BasDePage a:hover{
	color:#FFFFFF;
}