body {
background-color: #7aacea;
background-position : top;
background-image: url('img/fond.gif');
background-repeat: repeat-x;
margin: auto;
}

a {
color:#043a91;
text-decoration:none;
border : none;
}
a:hover{
color:#b00303;
}

img {
border : none;
}

h1 {
font-size : 12px;
text-decoration : bold;
display: inline;
}

#sidebar {
height: 15px;
text-align: center;
font-size: 11px;
width: 100%;
background-image: url('img/sidebar.jpg');
}
#sidebar a {
color: #ffffff;
font-family: tahoma;
text-decoration: none;
}
#sidebar a:hover {
color: #ffffff;
font-family: tahoma;
text-decoration: underline;
}

#container {
background-color: #f4f4f4;
background-image: url('img/fond.png');
background-repeat: repeat-y;
background-position : top;
margin: auto;
color: #393939;
font-family: tahoma;
font-size: 12px;
width : 949px;
}


#header
{
width : 949px;
padding-left : 10px;
padding-right : 15px;
}

#top
{
height: 148px;
margin : 0px;
padding : 0px;
}
#login-off
{
width: 203px;
height: 148px;
background: url('img/login-no.png') no-repeat;
margin : 0px;
padding : 0px;
}
.connexion_auto {
*margin-top: -17px;
margin-top : 7px;
margin-left : 90px;
margin-bottom : 0px;
}
.login-no-lien {
margin-top: 7px;
*margin-top: -13px;
}
.login-off-1 {
margin-left: 113px;
margin-top: 7px;
*margin-top: 7px;
}
.login-1 {
font-size: 9px;
border: 0px;
background: none;
width: 82px;
}
.login-off-2 {
margin-left: 113px;
margin-top: 9px;
*margin-top: 7px;
}
.login-2 {
font-size: 9px;
border: 0px;
background: none;
width: 82px;
}
.login-off-3 {
margin-left: 60px;
margin-top: 9px;
}
.login-3 {
border: 0px;
background: none;
width: 86px;
height: 14px;
}

#login-yes {
width: 203px;
height: 148px;
background: url('img/login-yes.png') no-repeat;
}
.login-contenu-yes {
margin-left: 10px;
margin-right: 3px;
margin-top: 31px;
height: 115px;
width: 192px;
}


#bandeau
{
width: 721px;
height: 148px;
background: url('img/header.png') no-repeat;
margin : 0px;
padding : 0px;
}

#onlets
{
width : 924px;
margin : 0px;
padding : 0px;
}
.menu
{
width: 764px;
height: 35px;
padding : 0px;
background: url('img/menu.png') no-repeat;
}
.menu a{
color: white;
font-weight: bold;
text-decoration: none;
}
.menu a:hover{
color: white;
font-weight: bold;
background-color: #8bbfff;
}
.menu-1 {
margin-left: 7px;
margin-top: 2px;
font-family: verdana;
width: 127px;
text-align: center;
}

.menu-2 {
margin-left: 1px;
margin-top: 2px;
font-family: verdana;
width: 123px;
text-align: center;
}

.menu-3 {
margin-left: 1px;
margin-top: 2px;
font-family: verdana;
width: 122px;
text-align: center;
}

.menu-4 {
margin-left: 1px;
margin-top: 2px;
font-family: verdana;
width: 120px;
text-align: center;
}

.menu-5 {
margin-left: 1px;
margin-top: 2px;
font-family: verdana;
width: 127px;
text-align: center;
}

.menu-6 {
margin-left: 1px;
margin-top: 2px;
font-family: verdana;
width: 126px;
text-align: center;
}
.menu_right {
width: 160px;
height: 35px;
padding : 0px;
background: url('img/menu-navrap.png') no-repeat;
}

#menu {
width: 160px;
margin-right : 11px;
float: right;
}
#menu a{
color: #404040;
text-decoration: none;
}
#menu .haut {
background: url('img/block-haut.png') no-repeat;
width: 160px;
height: 22px;
}
#menu .haut .titre {
color : #4a4a4a;
font-weight: bold;
padding-top: 5px;
padding-left: 25px;
padding-right: 12px;
font-family: verdana;
}
#menu .centre {
background: url('img/block-fond.png') repeat-y;
}
#menu .centre .contenu {
padding-top: 4px;
padding-left: 13px;
padding-bottom: 3px;
}
#menu .centre a:hover{
padding-left : 5px;
color : #287bc6;
}
#menu .bas {
background: url('img/block-bas.png') no-repeat;
width: 160px;
height: 13px;
}


#content {
width: 752px;
margin-top: 0px;
padding-left: 19px;
padding-top: 10px;
padding-right: 7px;
}
#content .pub_left{
width: 126px;
padding-right: 6px;
border-right : solid 1px #57abff;
}
#content .centre{
width: 626px;
padding-left: 7px; 
}
#content  .bouton_ok {
position : relative;
top : 4px;
}
#content .titre {
width: 752px;
height: 17px;
margin: 0px;
padding-left: 18px;
padding-top: 0px;
background: url('img/page_titre.png') no-repeat;
}
#content .titre .left {
font-weight: bold;
float: left;
}
#content .titre .right {
text-align: right;
float: right;
padding-right: 20px;
}
#content .titre .right a {
color: #5B5B5B;
text-decoration: none;
}
#content .titre2 {
width: 611px;
height: 17px;
margin: 0px;
padding-left: 18px;
padding-top: 0px;
background: url('img/page_titre2.png') no-repeat;
}
#content .titre2 .left {
font-weight: bold;
float: left;
}
#content .titre2 .right {
text-align: right;
float: right;
padding-right: 18px;
}
#content .titre2 .right a {
color: #5B5B5B;
text-decoration: none;
}

#content .contenu2 {
width: 740px;
padding-left: 10px;
padding-right: 25px;
}
#content .contenu2 .bloc_left{
width : 320px;
margin-top : 5px;
background-color: #fcfcfc;
float : left;
border-right : 1px solid #57abff;
}
#content .contenu2 .bloc_right{
width : 400px;
margin-top : 5px;
padding : 5px;
background-color: #fcfcfc;
float : right;
text-align : justify;
}
#content .contenu2 .bloc_right .cadre{
padding : 5px;
border : 1px dashed #57abff;
background-color: #f2f7ff;
}
#content .contenu2 .bloc_right .cadre2{
padding : 5px;
border : 1px solid #57abff;
}
#content .contenu2 .bloc_right .cadre_fille{
padding : 5px;
border : 1px solid #ff918e;
background-color: #ffeee6;
}
#content .contenu2 .bloc_right .cadre_garcon{
padding : 5px;
border : 1px solid #3593ff;
background-color: #cde1ff;
}


#content .contenu {
width: 600px;
padding-right: 25px;
}
#content .contenu p {
margin-top: 7px;
text-align: justify;
}
#content .contenu h2 {
margin: 0px;
font-size: 12px;
}
#content .contenu h2 img{
margin-bottom: 2px;
margin-right: 4px;
}

#content .contenu .tableau  {
width: 592px;
border-collapse : collapse;
}
#content .contenu .tableau  img{
border: solid 1px #55a4ff;
padding : 1px;
}
#content .contenu .tableau  a{
color: #043a91;
text-decoration: none;
}
#content .contenu .tableau a:hover{
color:#b00303;
}
#content .contenu .tableau .lien:hover{
padding: 2px;
background-color: #5ea7ff;
text-decoration: none;
color : #ffffff;
}
#content .contenu .tableau .titre_ {
border-bottom: solid 1px #57abff;
}
#content .contenu .tableau .titre_ img{
border: none;
}
#content .contenu .tableau  .ligne_color{
background-color: #ebf4ff;
}
#content .contenu .tableau  .ligne_color:hover{
background-color: #5ea7ff;
}
#content .contenu .tableau  .ligne_color2{
background-color: #ebf4ff;
}
#content .contenu .tableau  .ligne_nocolor:hover{
background-color: #5ea7ff;
}

/* Sur la page d'accueil */
#content .tableau .lien:hover{
padding: 2px;
background-color: #5ea7ff;
text-decoration: none;
color : #ffffff;
}
#content .tableau  .ligne_color{
background-color: #ebf4ff;
font-size: 11px;
}
#content .tableau  .ligne_color:hover{
background-color: #5ea7ff;
font-size: 11px;
}
#content .tableau  .ligne_color2{
background-color: #ebf4ff;
}
#content .tableau  .ligne_nocolor:hover{
background-color: #5ea7ff;
font-size: 11px;
}
#content .tableau  .ligne_nocolor{
font-size: 11px;
}

#content .contenu .tableau  .non_lu{
background-color: #ebf4ff;
height : 20px;
border-bottom : 1px dashed blue;
}
#content .contenu .tableau  .lu{
height : 20px;
border-bottom : 1px dashed blue;
}
#content .contenu .tableau  .contenu_message{
padding : 7px;
background-color: #f6f8fb;
border : 1px dashed #57abff;
}
#content .contenu .tableau  .infos_membre{
padding : 5px;
background-color: #fcfcfc;
border : 1px dashed #57abff;
}



.erreur {
padding-left: 10px;
color: red;
}
.retour a{
border-bottom: 1px dashed #054582;
text-decoration: none;
color : #5b5b5b;
}
.retour a:hover{
padding: 2px;
border: 1px dashed #054582;
background-color: #5ea7ff;
text-decoration: none;
color : #ffffff;
}
.alinea {
margin-left: 15px;
}

#footer {
clear: both;
margin: auto;
margin-top: 40px;
padding: 20px;
width: 909px;
color: #ffffff;
background-color: #023b79;
}
#footer a{
color: #ffffff;
}
#footer a:hover{
color: #fb5a0d;
}
#copyright a{
color: #013a79;
}