body
{
   margin:auto;
   background-color:#87c8f2;
   width:813px;

}

#header
{
   width:813px;
   height:209px;
   background-image: url('img/header.gif');
   margin-top:15px;
}

#bloc-haut
{
   width:813px;
   height: 94px;
   background-image:url('img/bloc-haut.gif');
   margin-top:5px;
}

#menu-haut
{
   width:813px;
   height: 45px;
   background-image: url('img/menu-haut.gif');
   margin-top:5px;

}

#grand-menu
{
   float:left;
}

#menu
{
   width:188px;
   margin-top:5px;
}

#haut-menu
{
   width:188px;
   height:47px;
   background-image:url('img/haut-menu.gif');
}

#sous-menu
{
   width:188px;
   background-image:url('img/menu.gif');
   overflow: hidden;
   margin: 0;
   padding:0;
   border-bottom: none;
}




#sous-menu p
{
   margin-left:2px;
   margin-right:2px;
   margin-bottom:-10px;


}


#sous-menu a{
text-decoration:none;
color:black;
display:block;
padding-left:10px;
}

#sous-menu a:hover{
background-color:#3fa2fd;
color:#294f79;
display:block;
}




#bas-menu
{
   width:188px;
   height:17px;
   background-image:url('img/bas-menu.gif');
}

#corps
{
   float:left;
   width:618px;
   margin-top:5px;
   margin-left:6px;

}

#haut-corps
{
   width:618px;
   height:47px;
   background-image:url('img/haut-corps.gif');
}

#content
{
   width:617px;
   background-image:url('img/corps.gif');
   overflow: hidden;
   margin-left:1px;
}

#bas-corps
{
   width:618px;
   height:15px;
   background-image:url('img/bas-corps.gif');
}


#footer
{
   width:813px;
   height:38px;
   background-image:url('img/footer.gif');
   margin-top:10px;
   float:left;

}

#footer .footer
{
   text-align:center;
   padding-top:6px;
   
}



#partenaires a
{
   text-decoration:none;
   font-size:0.8em;

}

#partenaires a:hover
{
   border-bottom: 1px solid white;
}



/*********************/

#podcast
{
   position:relative;
   top:50px;
   left:50px;
}

#banniere
{
   float:right;
   position:relative;
   bottom:8px;
   right:20px;
   width:468px;
   height:60px;
   border: 2px black solid;
}




#menu-haut p
{
   text-align:center;
   padding-top:7px;
   margin:0px;
   font-size:1.5em;
   color:#ffffff;
}

#menu-haut a
{
   text-decoration:none;
   color:#ffffff;

}

#menu-haut a:hover
{
   text-decoration:none;
   color:black;
}

/*****************/

#haut-menu h3
{
   padding-top:10px;
   margin:0;
   text-align:center;
   color:#b23323;
}

/************************/

#corps p
{
   padding-left:8px;
   padding-right:8px;
   color:#ffffff;
}

#corps h1
{
   margin:0;
   text-align:center;
   padding-top:4px;
   color:#087e2a;
   font-family:arial, serif;
}

#corps h2
{
   margin:0px;
   margin-top: -10px;
   margin-bottom : -15px;
   margin-left:20px;
   padding: 0px;
   width:80%;
   border-bottom: 1px solid green;
   color: #077e29;
}

#corps a
{
   color:#87c8f2;
   text-decoration:none;
}

#corps a:hover
{
   text-decoration:none;
   color:black;
}

a img
{
   border: none;
}

#corps #derniers-accueil
{
   width:598px;
   margin-left:8px;
   margin-right:10px;
}

#corps #derniers-accueil .dernieres-news
{
   width : 275px;
   height:150px;
   border: 2px solid #087e2a;
   float:left;
   margin-left:10px;
   text-align:center;
}

#corps #derniers-accueil .dernier-site
{
   width: 275px;
   height:150px;
   border:2px solid #087e2a;
   float:right;
   margin-right: 10px;
   text-align:center;
   padding-left:10px;
}

#corps #derniers-accueil .dernieres-news .titre
{
   text-align:center;
}

#corps #derniers-accueil .dernier-site .titre
{
   text-align:center;
}

#sites
{
   width: 598px;


}

#sites .sites-gauche
{
   width : 200px;
   float:left;
   height:150px;
   text-align:center;
   margin-left:50px;

}

#sites .sites-droite
{
   width:330px;
   float:right;
   height:150px;
   color:white;
}

#sites .sites-droite img
{
  
  position:relative;
  left:-140px;
  top:-18px;
  float:right;
}


#news
{

   margin-left:65px;
   
}

#titre-news
{
   width:484px;
   background-image:url('img/haut-news.gif');
   text-align:center;
   font-size:1.3em;
   padding-top:5px;
   padding-bottom:5px;
   height:25px;
}

#titre-news a
{
   color:white;
   text-decoration:none;
   margin:0px;
}


#contenu-news
{
   border:2px solid black;
   width:480px;
   background-image: url('img/news.gif');
   
}

#contenu-news p
{
   position:relative;
   top:-10px;
   color:white;
}

#contenu-news p a
{
   color:white;
   text-decoration:underline;
   margin:0px;
   padding:0px;
}

#contenu-news p a:hover
{
   text-decoration:none;
   color:white;
}

#contenu-news .date-news
{
   position:relative;
   top:-5px;
   font-size:0.7em;

}

.center
{
   text-align:center;
}

.left
{
   float:left;
}

.gras
{
   font-weight: bold;
}

.blanc
{
   color:blank;
}

.page
{
   text-align:center;
   font-size:1.1em;
}