@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 40px 40px 40px;
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:160px;
margin-top:-100px;
width:157px;
}

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

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

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

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

#page #violet .bottom{
width:157px;
height:25px;
overflow:hidden;
background-image:url(../images/plus_violet.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;
}

/* ENCART JAUNE */

#page #jaune {
position:relative;
left:-20px;
width:157px;
margin-top:70px;
}

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

#page #jaune .logo{
text-align:center;
background-image:url(../images/border_jaune.gif);
width:157px;
}

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

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

#page #jaune .bottom{
width:157px;
height:25px;
overflow:hidden;
background-image:url(../images/plus_jaune.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;
}

/* 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:540px;
margin-top:-230px;
width:157px;
margin-bottom:100px;
}

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

#page #jaune_clair .logo{
text-align:center;
background-image:url(../images/border_jaune_clair.gif);
width:157px;
}

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

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

#page #jaune_clair .bottom{
width:157px;
height:25px;
overflow:hidden;
background-image:url(../images/plus_jaune_clair.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;
}

/* 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;
}

#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;
}