@media print 
{
	#image
		{
			display: none;
		}
	img.article
		{
			display: none;
		}	
}

*
{
	margin: 0;
	padding: 0;
} 

body
{
	color: black;
	background-image:url(images/fond.jpg);
	background-repeat:repeat;
}
	
div#page
{
	margin-left: auto;
	margin-right: auto;
	width: 1024px; 
	background-image: url(images/fond_couleur.jpg);
}

a:active.adm,a:visited.adm,a:link.adm
{
	cursor: default;
    text-decoration: none;
}
a:hover.adm
{
    text-decoration: none;
}

div#corps
{	
	float: left; 
	font-family: Arial;
	width: 616px;
	font-size: 13px;
	color: black;
	background-color: white;
	text-align: justify;
	padding-left: 2px;
	min-height: 450px;
}

div#corpsAccueil
{	
	float: left; 
	font-family: Arial;
	width: 1024px;
	font-size: 12px;
	color: black;
	background-color: rgb(228,229,232);
}

div#droite
{
	width: 200px; 
	float: right;
	font-family: Arial;
	font-size: 12px;
	background-color: rgb(228,229,232);
	padding-left: 2px;
	min-height: 450px;
}

div#gauche
{
	float: left; 
	width: 200px; 
	font-family: Arial;
	font-size: 14px;
	text-align: center; 
	color: rgb(41,68,137);
	background-color: rgb(228,229,232);
	padding-left: 2px;
	min-height: 450px;
}

div#dewplayer
{
    background-color: rgb(228,229,232);
}

div#pied
{
	margin-left: auto;
	margin-right: auto;
	width: 1024px; 
	color: rgb(228,229,232);	
	height: 30px;
	font-family: Arial;
	font-size: 10px;
	text-align: center;
	background-image: url(./images/fond_menu1.jpg);
}

div#logo
{
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

div#pied a:active, div#pied a:visited, div#pied a:link
{
	color: rgb(228,229,232);
}

div#const
{
	margin-left: auto;
	margin-right: auto;
	width: 1024px; 
	height: 15px;
	text-align: center;
}

div#commentaire
{
	width: 616px;
	text-align: justify;
	font-family: Arial;
	font-size: 10px;
}

div#menuDeroulant
{
	padding: 0;
	margin: 0;
	width: 1024px;
	height: 30px; 
	background-color: rgb(41,68,137);
	background-image: url(images/fond_menu1.jpg);
}

#menu, #menu ul /* Liste */     
{
    padding: 0; /* pas de marge int�rieure */
    margin: 0; /* ni ext�rieure */
    list-style: none; /* on supprime le style par d�faut de la liste */
    line-height: 30px; /* on d�finit une hauteur pour chaque �l�ment */
    text-align: center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
    font-weight: bold; /* on met le texte en gras */
    font-family: Arial; /* on utilise Arial, c'est plus beau ^^ */
    font-size: 12px; /* hauteur du texte: 12 pixels */
}

#menu a /* Contenu des listes */
{
    display: block; /* on change le type d'�l�ment, les liens deviennent des balises de type block */
    padding: 0; /* aucune marge int�rieure */
    background: rgb(41,68,137); /* couleur de fond */        
    color: #fff; /* couleur du texte */
    text-decoration: none; /* on supprime le style par d�faut des liens (la plupart du temps = soulign�) */
    width: 170px; /* largeur */
	background-image: url(images/fond_menu1.jpg);
    background-position: center center;
}

#menu a:hover
{
    color: rgb(41,68,137);         
    background: rgb(228,229,232); 	
	background-image: url(images/fond_menu.jpg);
}

#menu li /* Elements des listes */      
{ 
    float: left; 
}

#menu li ul /* Sous-listes */
{ 
    position: absolute; /* Position absolue */
    width: 203px; /* Largeur des sous-listes */
    left: -999em; /* Hop, on envoie loin du champ de vision */
    line-height: 24px;
}

#menu li ul li /* �l�ments de sous-listes */
{
    border-top: 1px solid #fff; /* on met une bordure blanche en haut de chaque �l�ment d'une sous liste */
}

#menu li ul ul 
{
    margin: -50px 0 0 170px ; /* On d�cale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */
    border-left: 1px solid #fff ; /* Petite bordure � gauche pour ne pas coller ... */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un �l�ment de liste */
{
    left: -999em; /* On exp�die les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un �l�ment de liste ET sous-sous-lites lorsque la souris passe sur un �l�ment de sous-liste */
{
    left: auto; /* Repositionnement normal */
    min-height: 0; /* Corrige un bug sous IE */	
}

#logo
{
	margin-left: 250px;
}

.No, .Supp, .Modif , .Lib
{
	border: thin solid #6495ed;
	height: 40px;
	text-align: center;
}

.Entete
{
	border: thin solid #6495ed;
	height: 40px;
	text-align: center;
	font-weight: bold;
	background-color: rgb(228,229,232);
}

a img 
{ 
	border: none; 
} 

#tableau
{
	font-family: Arial;
	font-size: 12px;
	padding-left: 2px;
	border: medium solid rgb(41,68,137);
}

#tableau_souv
{
	font-family: Arial;
	font-size: 12px;
	padding-left: 2px;
	border: medium solid rgb(41,68,137);
    width:100%;
}

#Titre
{
	font-weight: bold;
}

#tableau_img
{
    text-align: center;
	width: 100%;
}

#tableau_form
{
	font-family: Arial;
	font-size: 12px;
	padding-left: 2px;
    width:100%;
}

#tableau_ref
{
	font-family: Arial;
	font-size: 12px;
	padding-left: 2px;
}

h1
{
	color: rgb(41,68,137);	
	font-family: Arial;
	font-size: 25px;
	text-align: center;
}

h2
{
	color: rgb(0,102,204);	
	font-family: Arial;
	font-size: 20px;
}

#TitreFour h2
{
	color: rgb(0,102,204);
	font-family: Arial;
	font-size: 12px;
}

h3
{
	color: rgb(0,102,204);	
	font-family: Arial;
	font-size: 16px;
	text-align: center;
}

h4
{
	color: rgb(120,174,218);	
	font-family: Arial;
	font-size: 16px;
	text-align: center;
}

h5
{
	color: rgb(120,174,218);	
	font-family: Arial;
	font-size: 14px;
	text-align: center;
	font-weight: lighter;
}

h6
{
	color: rgb(0,102,204);
	font-family: Arial;
	font-size: 16px;
	text-align: left;
}

hr 
{
	clear: both;
	visibility: hidden;
}

