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

* {
margin:0;
padding:0;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
background: url(images/bg.jpg) repeat-x top;
}

.clear {
clear:both;
}

h1, h1.red{
display: block;
background: url(images/content/h1.gif) repeat-x;
height:23px;
padding-left: 20px;
font-weight:bold;
color:#fff;
font-size:14px;
line-height:23px;
margin-bottom:5px;
}

h1.red {
background-image: url(images/content/h1-red.gif);
display: table;
padding-left:5px;
padding-right:5px;
}

p {
margin-bottom:7px;
}

#wrapper {
margin: 0 auto;
width: 1004px;
margin-top: 11px;
}

#wrapper #header {
background: url(images/elements/barre.gif) no-repeat right bottom;
height:57px;
}

#wrapper #header h2 {
font-size:11px;
color:#003366;
float:right;
margin-top:39px;
margin-right:7px;
}

#wrapper #header h2 a {
color:#003366;
}

#wrapper #header h2 a:hover {
text-decoration: none;
}

/* SLIDESHOW */

#slideshow {
background: url(images/elements/header.jpg) no-repeat;
height:149px;
}

/* LOGIN */

#slideshow .login {
width: 213px;
height: 126px;
float:right;
margin-right: 136px;
margin-top:12px;
}

#slideshow .login h2 {
font-size:14px;
color:#e30000;
font-weight:bold;
margin-bottom:10px;
}

/* LOGIN FORM */

#slideshow .login form {
margin:0;
padding:0;
}

#slideshow .login form input.user, #slideshow .login form input.pass {
height:17px;
width:187px;
border:1px solid #999;
padding-left: 16px;
}

#slideshow .login form input.user {
margin-bottom:6px;
background: url(images/elements/user.gif) left center no-repeat #fff;
font-weight:bold;
font-size:12px;
}

#slideshow .login form input.pass {
background: url(images/elements/pass.gif) left center no-repeat #fff;
margin-bottom:4px;
font-size:12px;
}

#slideshow .login form a.mdp {
font-size:10px;
color:#333;
margin-bottom:10px;
}

/* BARRE ROUGE */

#barre-rouge{
background: url(images/elements/barre-rouge.gif) no-repeat;
height: 28px;
margin-top:1px;
}

#barre-rouge h2{
font-size:14px;
color:#fff;
font-weight:bold;
line-height:28px;
text-align:center;
}

/* CONTENT */

#content .top {
background: url(images/elements/body-top.gif) no-repeat;
height:5px;
margin-top: 6px;
}

#content {
background: #fff;
}

#content #left {
width:495px;
float:left;
padding-left:6px;
}

#content #left .pub {
padding:8px;
background: #efeece;
}

#content #left .pub .ad{
border: 1px solid #ccc;
margin-bottom:2px;
height:60px;
text-align:center;
}

#content #left .pub textarea {
padding:2px;
color:#ccc;
height:40px;
width: 471px;
margin-bottom:6px;
font-size:11px;
}

#content #right {
width:495px;
float:left;
padding-left:6px;
}

#content #right .info {
width:475px;
padding:7px;
background: #fcf9cf;
border: 1px solid #e6e4c3;
border-bottom:0px;
text-align:justify;
}

#content #right .info h2 {
font-weight:bold;
font-size:14px;
color:#003366;
}

#content #right .grey {
background: url(images/content/bg-grey.gif) repeat-x top center;
padding:2px;
}

#content #right .grey .left {
width: 138px;
float:left;
}

#content #right .grey .right {
width: 351px;
float:right;
}

#content #right .grey .right .avantages {
width: 315px;
float:right;
}

#content #right .grey .right .avantages ul {
list-style: square inside;
}

#content #right .grey .right .avantages p {
text-align: justify;
}

#content #right .grey .right .avantages-img {
width: 33px;
float: left;
}