/* css document */

/********************************************************/
/*				Document principal						*/
/********************************************************/

/*------------------- Mise en page ---------------------*/
#global {
width:800px;
margin:auto;
}
#logotype {
width:800px;
height:80px;
float:left;
}
#menu {
width:790px;
height:40px;
padding:0 5px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#content {
width:790px;
float:left;
background-image:url(images/content.png);
padding:0 5px;
}
#left {
width:590px;
float:left;
}
#right {
width:200px;
float:left;
}
/*------------------ Titres ------------------------*/

h1 {
margin:5px;
}
h2 {
margin:5px;
color:#666666;
}
/* Les titres de niveau 3 et 4 se trouvent dans le fichier css propre à la page courante */

/*------------------ Balises ----------------*/
p {
margin:10px 5px;
}
/* Le lien se trouve dans le fichier css propre à la page courante */
a:hover {
text-decoration:none;
}
a img {
border:none;
}
/*------------------- Comportements -----------*/
/* Menu */
#menu a {
width:90px;
padding:8px 5px 5px 5px;
height:17px;
margin-top:10px;
color:#FFFFFF;
float:right;
text-align:center;
font-weight:bold;
text-decoration:none;
background-image:url(images/link.png);
}
#menu a:hover {
color:#990000;
background-image:url(images/linkh.png);
}
#prog a:hover {
color:#0066CC;
}
#print a:hover {
color:#009966;
}
#web a:hover {
color:#FF9900;
}
#multimedia a:hover {
color:#993366;
}
/* footer */
#footer a {
color:#FFFFFF;
}
/* News */
.month {
color:#FFFFFF;
font-size:12px;
float:left;
width:44px;
}
.number {
color:#CC0000;
font-size:24px;
font-weight:bold;
}
.date {
width:44px;
height:60px;
margin-top:5px;
padding:1px 4px;
float:left;
background-image:url(images/cal.png);
background-repeat:no-repeat;
background-position:5px 3px;
text-align:center;
}
.date img {
margin-top:10px;
}
.texte {
width:530px;
float:left;
border-bottom:1px dotted #999999; 
}
.comment {
width:574px;
text-align:right;
}
/* Liens */
.frame {
width:180px;
padding:5px;
float:left;
background-color:#EEEEEE;
border-bottom:1px solid #999999;
}
a.frame {
text-decoration:none;
color:#000000;
font-weight:bold;
margin:0 2px;
}
a:hover.frame {
background-color:#CCCCCC;
}
.frame img {
float:left;
}
/* Rubriques */
.rub {
margin-left:30px;
float:left;
}
#rub_prog {
width:250px;
height:150px;
margin-left:30px;
float:left;
background-image:url(images/rub_prog.png);
}
#rub_prog:hover{
background-image:url(images/rub_prog_a.png);
}
/* Travaux */
.work {
margin:5px;
width:551px;
float:left;
padding:5px;
border:2px solid #000000;
}
.work img {
float:left;
margin-right:5px;
}