@charset "utf-8";
/* CSS Document */

html, body {
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#000;
}

#container {
width:760px;
margin:auto;
}

img {
	border:none;
}

/* PAGE CSS */

#page {
	min-height:480px;
	padding:50px 20px 40px 20px;
	background-image:url("../images/fond_page.gif");
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#f2f2f1;
}

#page .titre {
font-family:Arial, Helvetica, sans-serif;
font-size:1.8em;
color:#647288;
} 

/* ENCART VIOLET */

#page #violet {
	/*position:relative;*/
	left:235px;
	margin-top:70px;
	width:245px;
	float: left;
	height: 250px;
}

#page #violet .top{
	background-image:url(../images/top_violet_230.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:230px;
	height:23px;
}

#page #violet .logo{
	text-align:center;
	background-image:url(../images/border_violet_230.gif);
	width: 230px;
}
#page #violet .logo2{
	text-align:right;
	width: 220px;
}

#page #violet .texte {
	font-size:1em;
	background-image:url(../images/border_violet_230.gif);
	background-repeat:repeat-y;
	width:220px;
	padding:10px 5px 10px 5px;
	margin:0px;
	height:178px;
}

#page #violet .texte p {
font-size:0.85em;
margin:0px 5px 0px 5px;
}

#page #violet .bottom{
	width:230px;
	height:25px;
	overflow:hidden;
	background-image:url(../images/plus_violet_230.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#page #violet .bottom a	{
font-size:0.85em;
font-weight:bold;
color:#352475;
margin-left:55px;
}
#page #violet ul li	{
	display : list-item;
	list-style-position: outside;
	list-style-image: url(puce_violet.gif);
	background: url(puce_violet.gif) no-repeat 0 0.32em;
	padding-top: 2px;
	font-size:0.9em;

}

/* ENCART JAUNE */

#page #jaune {
	/*position:relative;*/
	left:-10px;
	width:245px;
	margin-top:70px;
	float: left;
	right: 10px;
	height: 250px;
}

#page #jaune .top{
	background-image:url(../images/top_jaune_230.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:230px;
	height:22px;
}

#page #jaune .logo{
	text-align:center;
	background-image:url(../images/border_jaune_230.gif);
	width:230px;
	height:51px;
}

#page #jaune .texte {
	margin:0px;
	font-size:1em;
	background-image:url(../images/border_jaune_230.gif);
	background-repeat:repeat-y;
	width:220px;
	padding:10px 5px 10px 5px;
	height:180px;
}

#page #jaune .texte p {
font-size:0.85em;
margin:0px 5px 0px 5px;
}

#page #jaune .bottom{
	width:230px;
	height:25px;
	overflow:hidden;
	background-image:url(../images/plus_jaune_230.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#page #jaune .bottom a	{
font-size:0.85em;
font-weight:bold;
color:#f88000;
margin-left:55px;
}
#page #jaune ul li	{
	display : list-item;
	list-style-position: outside;
	list-style-image: url(puce_violet.gif);
	background: url(puce_violet.gif) no-repeat 0 0.32em;
	padding-top: 2px;
	font-size:0.9em;

}

/* ENCART ROUGE */

#page #rouge {
/*position:relative;*/
left:350px;
margin-top:-190px;
width:165px;
margin-bottom:100px;
}

#page #rouge .top{
background-image:url(../images/top_rouge.gif);
background-repeat:no-repeat;
background-position:top left;
width:165px;
height:22px;
}

#page #rouge .logo{
text-align:center;
background-image:url(../images/border_rouge.gif);
}

#page #rouge .texte {
margin:0px;
font-size:1em;
background-image:url(../images/border_rouge.gif);
background-repeat:repeat-y;
width:155px;
padding:10px;
}

#page #rouge .texte p {
font-size:0.85em;
margin:0px;
}

#page #rouge .bottom{
width:165px;
height:29px;
overflow:hidden;
background-image:url(../images/plus_rouge.gif);
background-repeat:no-repeat;
background-position:top left;
}

#page #rouge .bottom a	{
font-size:0.85em;
font-weight:bold;
color:#aa3037;
margin-left:55px;
}


/* ENCART JAUNE CLAIR */

#page #jaune_clair {
	/*	position:relative;*/
	left:475px;
	margin-top:70px;
	width:230px;
	margin-bottom:29px;
	float: left;
	height: 320px;
}

#page #jaune_clair .top{
background-image:url(../images/top_jaune_clair_230.gif);
background-repeat:no-repeat;
background-position:top left;
width:230px;
height:22px;
}

#page #jaune_clair .logo{
text-align:center;
background-image:url(../images/border_jaune_clair_230.gif);
width:230px;
height: 51px;
}

#page #jaune_clair .texte {
	margin:0px;
	font-size:1em;
	background-image:url(../images/border_jaune_clair_230.gif);
	background-repeat:repeat-y;
	width:220px;
	padding:10px 5px 10px 5px;
	height:180px;
}

#page #jaune_clair .texte p {
font-size:0.85em;
margin:0px 5px 0px 5px;
}

#page #jaune_clair .bottom{
width:230px;
height:25px;
overflow:hidden;
background-image:url(../images/plus_jaune_clair_230.gif);
background-repeat:no-repeat;
background-position:top left;
}

#page #jaune_clair .bottom a	{
font-size:0.85em;
font-weight:bold;
color:#f8b606;
margin-left:55px;
}
#page #jaune_clair ul li	{
	display : list-item;
	list-style-position: outside;
	list-style-image: url(puce_violet.gif);
	background: url(puce_violet.gif) no-repeat 0 0.32em;
	padding-top: 2px;
	font-size:0.9em;

}

/* FOOTER CSS */

#footer {
background-color:#bcc9d2;
background-image:url(../images/rond_footer.gif);
background-position:bottom right;
background-repeat:no-repeat;
width:100%;
height:21px;
padding-top:5px;
border-top:1px solid #97a6b0;
clear:both;
}

#footer ul {
list-style:none;
margin:0px;
padding:0px;
float:left;
}
#footer ul li {
display:inline;
}

#footer ul li a {
/*background-image:url(../images/separator.gif);*/
border-right:1px solid #FFF;  /* >> utiliser la ligne précédente ou celle-ci */
background-repeat:no-repeat;
background-position:right;
padding:0px 28px 0px 28px;
font-size:0.85em;
}

#footer a {
text-decoration:none;
color:#000;
}

#footer a:hover {
text-decoration:underline;
}

#copyright {
padding-left:28px;
font-size:0.85em;
}