/********************************************
# fichier : "design.css"
# Par Platon Maxime & Foulon Hugo
# Dernière modification : 23 Mai 2006
*********************************************/

body
{
	width: 990px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	background: url(../images/fond.gif);
}

/* Banniere */

#header 
{
	width: 990px;
	height: 133px;
	background-image: url(../images/bannierehaut.jpg);
	background-repeat: no-repeat;
}

/* Conteneur : menus + corps */

#conteneur 
{
	background: url(../images/menu.gif) repeat-y;
}

/* Colonne de gauche : menus de navigation + news + newsletter */

#menus 
{
	float:left;
	background:url(../images/bannieregauche.gif) no-repeat;
	padding-top:90px;
	width:184px;
}

#menus_droite 
{
	float:right;
	background:url(../images/degradedroite.gif) no-repeat;
	padding-top:60px;
	width:150px;
        height:auto;
}

.navigation 
{
	width : 170px;
	font-family: Verdana;
	font-size: 11px;
	padding: 0;
	color: #fff;
	margin: auto;
}

.navigation p.entete 
{ /* Entête des menus */
	margin:0;
	margin-bottom: 2px;
	height:18px;
}

.navigation p#entete_sommaire 
{ /* Entête des menus */
	background: url(../images/tete_bloc_sommaire.gif) no-repeat;
}

.navigation p#entete_news 
{ /* Entête des menus */
	background: url(../images/tete_bloc_news.gif) no-repeat;
}

.navigation p#entete_newsletter 
{ /* Entête des menus */
	background: url(../images/tete_bloc_newsletter.gif) no-repeat;
}

.navigation p#entete_partenaires 
{ /* Entête des menus */
	background: url(../images/tete_bloc_partenaires.gif) no-repeat;
}

.navigation ul 
{ /* suppression des marges et des puces */
	list-style-type: none; 
	margin:0;
	padding:0;
	overflow: hidden;
	width: 170px;
	border: 1px solid #fff282;
}

.navigation ul li 
{
	margin:0;
	display: inline; /* correction pour IE5 et IE5.5 */
}

.navigation ul li a 
{
	display:block;
	height: 21px;
	line-height: 21px;
	padding-left: 30px;
	color: #fff;
	background: #4678ba url(../images/background_menu.gif) no-repeat 0 0;
	text-decoration:none;
	width: 100%; /* WIN IE */
}

html>body .navigation ul li a 
{
	width:auto;
}

.navigation ul li a:hover, .navigation ul li a:active
{
	/* Décalage de l'arrière-plan */
	background-position: 0 -21px;
}

.navigation form 
{ /* newsletter */
	text-align:center;
	border: 1px solid #fff282;
	background-color :#4678ba;
	margin: 0;
}

.navigation form input#bouton2
{ /* newsletter */
	border: 0;
	color:white;
	background:#4678ba;	
	margin-left: 90px;
}

#bouton2
{ /* newsletter */
	border: 0;
	color:white;
	background:#4678ba;	
	margin-left: 90px;
}

#bouton2:hover 
{ /* newsletter */
	border:0;
	color:white;
	text-decoration:underline;	
	background:#4678ba;
}

.navigation form input#mail 
{ /* newsletter */
background:#ffffd9;
width: 140px;
}

/* News : défilement vertical des news */

.navigation #news
{ /* news */
position: relative; /**a decommenter pr y reintegrer le systeme en java : test*/
width: 170px;
height: 70px;
border: 1px solid #fff282;
background-color :#4678ba;
/*margin: 0;*/
}

.posrelative
{ /* news */
	POSITION: relative;
}

.posrelative a {
	color: white;
	text-decoration: none;
}

.posrelative a:hover {
	color: #fff282;
}

#conteneur_news
{ /* news */
	OVERFLOW: hidden;
	POSITION: absolute;
	WIDTH: 170px;
	CLIP: rect(0px 170px 68px 0px);
	LEFT: 0px;
	TOP: 0px;
	/*border: 1px solid #fff282;*/
	/*background-color :#4678ba;*/
	margin: 0;
}

			/* Colonne de droite : contenu principal */

#contenu 
{
	margin-left:184px;
        margin-right:150px;
	background:url(../images/arrondis.gif) 0% 0% no-repeat;
	font-family:"Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size:13px;
	padding: 30px; /* a modifier */
}

/* Pied de page : image + lien + heure */

#footer 
{ 
	clear:both;
	background :#696969 url(../images/bas_droite.gif) 184px;
	height:18px;
	text-align: right;
	color: white;
	font-size: 11px;
	padding-right: 160px; 
}

#footer2 {
background: #696969; 
height:30px; 
padding-top:10px; 
color:white;
font-size:10px; 
text-align:center;
}

#footer3 {
background: #696969; 
height:50px; 
padding-top:10px; 
padding-bottom:10px;
padding-left:20px; 
padding-right:20px; 
color:white;
font-size:10px; 
text-align:left;
}

#footer2 a:link {
color:white;
text-decoration:none;
}

#footer2 a:visited {
color:white;
text-decoration:none;
}

#footer2 a:hover {
color:white;
text-decoration:underline;
}

#footer3 a:link {
color:white;
text-decoration:underline;
}

#footer3 a:visited {
color:white;
text-decoration:underline;
}

#footer3 a:hover {
color:white;
text-decoration:none;
}

#lien_blanc:link
{
	color:white;
	text-decoration: underline;
}

#lien_blanc:visited 
{
	color:white;
	text-decoration: underline;
}
#lien_blanc:hover
{
	color:white;
	text-decoration: blink;
}

hr#astuce /* passe pas sous Netscape : quelle poisse !!! */
{
	clear: both;
	visibility: hidden;
}


#jaune
{
color:#fff282;
}

#pub1 {
text-align:center;
font-size:12px;
}

hr {
width:100px;
color:white;
background-color:white;
border-color:white;
}



table#grille td
{
	/*border: white 1px solid;*/		
    width:120px;
    height:120px;
	background-color: black;
    text-align: center;
}

a.lien_image img
{
    border-style:none;
}