/* CSS Document */

body{
background-color:#000000;
margin:0px;
}
#page{
background-color:#FFFFFF;
width:770px;
margin-left:auto;
margin-right:auto;
}
#header{
background-image:url(images/header.jpg);
background-repeat:repeat-x;
height:96px;
margin-bottom:2px;
}
#pathway{
background-image:url(images/pathway.jpg);
background-repeat:repeat-x;
height:22px;
color:#FFFFFF;
line-height:22px;
font-size:11px;
}
#middle{
background-color:#FFFFFF;
height:600px;
}
#footer{
background-image:url(images/pathway.jpg);
background-repeat:repeat-x;
height:22px;
}

#logo{
width:300px;
margin-top:23px;
margin-left:5px;
background-image:url(images/logo.jpg);
background-repeat:no-repeat;
height:56px;
float:left;
}

#son{
margin-top:12px;
margin-left:23px;
margin-right:23px;
width:200px;
height:70px;
background-color:#000000;
float:left;
color:#FFFFFF;
font-weight:bold;
text-align:center;
vertical-align:middle;
}

#connexion{
width:180px;
height:80px;
background-color:#CCDBFA;
border:1px solid #D7070C;
float:left;
}

#connexion .barre_module{
color:#FFFFFF;
height:17px;
width:100%;
background-image:url(images/barre_module.jpg);
background-repeat:repeat-x;
text-align:center;
font-size:13px;
font-family:Arial;
font-weight:bolder;
}

#colonne_gauche{
width:132px; 
float:left;
height:380px;
margin-left:5px;
}

.module_name{
color:#FFFFFF;
height:17px;
width:100%;
background-image:url(images/barre_module.jpg);
background-repeat:repeat-x;
text-align:center;
font-size:13px;
font-family:Arial;
font-weight:bolder;
}

.module{
width:130px;
height:290px;
background-color:#CCDBFA;
border:1px solid #D7070C;
float:left;
margin-top:5px;
}

#colonne_droite{
width:132px; 
float:left;
height:380px;
}

#contenu{
width:485px; 
margin:5px;
float:left;
height:587px;
border: #000000 1px  solid; 
}