/*DEBUT Style des graphismes  des éléments de "souscontenu" */
#sous_contenu, #scGraphHaut, #scGraphBas {
	margin: auto;
}

#sous_contenu {
	width: 930px;
	height: auto;
	background-color: white;
	background-image: url(images/fond_pied_sous_contenu.png);
	background-position: bottom;
	background-repeat: no-repeat;
	overflow: hidden;

}

#scGraphHaut{
margin-top:17px;
background: url(images/accueil_mini_haut.png) no-repeat;
width:930px;
height:16px;
}
#scGraphBas{
	background: url(images/accueil_mini_bas.png) no-repeat;
	width: 930px;
	height: 16px;
}
#rightGraph{
float:right;
width: 200px;
position: relative;
z-index:0;
}
#pad_haut{
	float: left;
	width: 720px;
	height: auto;
	position: relative;

}

#pad_bas{
	width: 720px;
	height: auto;
	position: relative;
	margin-top:50px;
	overflow: hidden;
	float:left;
	margin-left:10px;
}
.bande{
margin-top:30px;
width:719px;
height:197px;
padding-top:15px;
float:left;
	padding-left:20px;
background:url(images/fond_presentation.png) no-repeat;
}
.blocksAccueil {
	background-image: url(images/fond_Blocks.png);
	background-repeat: no-repeat;
	width: 350px;
	height:250px;
	margin:5px;
	display: block;
	position: relative;
	float: left;
	z-index:0;
}

img.bigpuce {
	float:left;
	margin-top:10px;
	margin-left:20px;
	position: absolute;
}
/*FIN style graphismes "sous contenu" */


/* DEBUT style contenu des éléments de "sous contenu" */

#pad_haut h2, #pad_bas h2{
font-family: arial;
font-size: 18px;
padding:10px;
color:#676969;
}
.blocksAccueil p, #intro {
	
	text-align:left;
	color:#79797a;
	font-family:Arial, Helvetica, sans-serif;
}
#intro{
padding-left:15px;
font-size:14px;
max-width: 600px;
margin-left:10px;
line-height: 20px;
}

.blocksAccueil span{
	display:none;
}
.blocksAccueil h3 img  {
	margin-top:20px;
	margin-left:60px;
	float:left;
}
.blocksAccueil p {
	font-size:12px;
	line-height: 15px;
	margin-left:50px;
	margin-top:40px;
	
}
#pot{/*Nom à changer selon la page*/
background:url(images/accueil_rightGraph.png) no-repeat;
width:185px;
height:472px;
z-index:0;
}

#sf ul li{
	color:#3da5b3;
	list-style-image: url(images/minipuce.png);
	line-height: 20px;
	margin-left:60px;
}
#ser ul li{
	color: #87af5f;
	list-style-image: url(images/minipuceVERTE.png);
	line-height: 20px;
	margin-left: 60px;
}
#conta ul li{
	color: #565656;
	list-style-image: url(images/minipuceNOIRE.png);
	line-height: 20px;
	margin-left: 60px;
}
#rea ul li{
	color: #D3B32D;
	list-style-image: url(images/minipuceJAUNE.png);
	line-height: 20px;
	margin-left: 60px;
}
a#plus {
	color:#D3B32D;
	margin-left:150px;
	font-weight: bold;
}
a#plus:hover {
	letter-spacing: 1px;
}
/*FIN style contenu des éléments de "sous contenu"*/
/* Fin du contenu particulier de la page */




.bulle  {
	height: auto;
	width: 260px;
	margin-top:150px;
	margin-left:300px;
}
.bulle img {
margin-left:20%;
}

span.topbulle{
	background-image: url(images/infobulle_top.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 203px;
	height:16px;
	display:block;
}
span.topbulle h4 {
margin-top:5px;
	color:#FFFFFF;
	font-size:11px;
}
span.middlebulle{
	background-repeat: repeat-y;
	background-image: url(images/infobulle_fond.png);
	width:203px;
	height:auto;
	display:block;
	padding-top:15px;
	padding-bottom:5px;
}
span.middlebulle ul, span.middlebulle ul li{
font-size: 10px;
color: #2fb5cb;
list-style: disc;
}
span.middlebulle p{
	width: 190px;
	height:auto;
	padding-left:10px;
	margin-top:-5px;
	text-align: left;
	display:block;
	color:#2fb5cb;
	font-size:11px;
	line-height: 20px;
}
span.bottombulle{
	background-image: url(images/infobulle_bottom.png);
	width: 203px;
	height:16px;
	display:block;
}