/*
 * --------- Décomposition de l'écran ----------
 */

@media screen
	{
	body {
		background : #919191 url(../image/site/fond-site.jpg) repeat-y 50% 0 ;
		font-family : Verdana, Arial, Helvetica, sans-serif ;
		margin : 0 ;
		padding : 0 ;
		text-align : center ;
		}
	
	#conteneur {
		margin : 0px auto ;
		border-top : solid white 3px ;
		width : 800px ;
		}

	#contenu {
		font : 80%/140% Verdana, Arial, Helvetica, sans-serif ;
		width : 600px ;
		color : white ;
		float : right ;
		}
	
	#col-gauche {
		width : 200px ;
		color : white ;
		margin-top : 10px ;
		float : left ;
		}

	#navsup {
		padding : 5px ;
		font : normal 12px/18px Verdana, Arial, Helvetica, sans-serif ;
		border-bottom : solid white 1px ;
		}
	}

/*
  * Pour une impression correcte des catégories, classements, il faut spécifier l'attribut @media print
  */
  
@media print
	{
	body {
		font-family : Verdana, Arial, Helvetica, sans-serif ;
		}
	
	#conteneur {
		margin : 0px auto ;
		}

	#contenu {
		font-family : Verdana, Arial, Helvetica, sans-serif ;
		font-size : 11pt ;
		}

	#col-gauche {
		display : none ;
		}

	#navsup {
		display : none ;
		}
	}

#box-flash {
	font : 80%/140% Verdana, Arial, Helvetica, sans-serif ;
	color : white ;
	margin-bottom : 30px ;
	text-align : center ;
/*	border-bottom : solid white 1px ;  */
	}

#box-adobe {
	font : 70%/130% Verdana, Arial, Helvetica, sans-serif ;
	color : white ;
	margin-top : 30px ;
	text-align : center ;
/*	border-bottom : solid white 1px ;  */
	}

	
/* ---------- Boîtes ----------*/
.boite-totale {
	width : 580px ;
	padding : 10px ;
	float : left ;
	}

/* 
 * ---------- Navigation ----------
 */

#navcontainer {
	margin-top : 20px ;
	width : 200px ;
	text-align : left ;
	font : normal 12px/18px Verdana, Arial, Helvetica, sans-serif ;
	}
	
#navcontainer ul {
	margin : 0 ;
	padding : 0 ;
	list-style-type : none ;
	text-indent : 25px ;
	letter-spacing : 1px ;
	}
	
#navcontainer a {
	display : block ; 
	width : 190px ;
	height : 18px ;
	margin-bottom : 5px ;
	margin-left : 5px ;
	}
	
#navcontainer a:link, #navcontainer a:visited {
	background : url(../image/site/nav-bouton.gif) ;
	color : white ; 
	text-decoration : none ;
	}
	
#navcontainer a:hover {
	background : url(../image/site/nav-bouton-over.gif) ;
	color : black ;
	text-decoration : none ;
	}
	
#navcontainer li a#current {
	background : url(../image/site/nav-bouton-over.gif) ;
	color : black ;
	text-decoration : none ;
	}
	

/*
 *  Styles de sous-menu !
 */

.txt-petit
	{
	font : 80%/180% Verdana, Arial, Helvetica, sans-serif ;
	}
 
#navcontainer ul ul {
	margin : 0 ;
	padding : 0 ;
	list-style-type : none ;
	text-indent : 20px ;
	letter-spacing : 1px ;
	}

#navcontainer ul ul a {
	display : block ;
	width : 180px ;
	height : 18px ;
	margin-left : 15px ;
	margin-bottom : 5px ; 
	}
	
#navcontainer ul ul a:link, #navcontainer ul ul a:visited {
	background : url(../image/site/subnav-bouton.gif) ;
	color : white ; 
	text-decoration : none 
	}

#navcontainer ul ul a:hover {
	background : url(../image/site/subnav-bouton-over.gif) ;
	color : black ;
	text-decoration : none 
	}
	
#navcontainer ul ul li a#current {
	background : url(../image/site/subnav-bouton-over.gif) ;
	color : black ;
	text-decoration : none 
	}

/* 
 * ---------- Navigation horizontale (supérieure) ----------
 */

#navsup ul {
	margin : 0 ;
	padding : 0 ;
	list-style-type : none ;
	letter-spacing : 1px ;
	}
	
#navsup ul li {
	display : inline ;
	}

#navsup ul li a {
	text-decoration : none ;
	padding : .2em 1em ; 
	color : #CCC ; 
	}

#navsup ul li a:hover {
	background : url(../image/site/nav-sup.gif) ;
	color : black ;
	}

#navsup ul li a#current {
	background : url(../image/site/nav-sup.gif) ;
	color : black ;
	text-decoration : none 
	}	


/*
  *  Définitions des types de liens
  */

a.lien-small {
	font-size : 80% ;
	color : #FF9 ;
	text-decoration : none ;
	}

a.lien-standard:link, a.lien-standard:visited {
	font-size : 100% ;
	color : #FFD800 ;
	text-decoration : none ;
	}

a.lien-medium {
	font-size : 120% ;
	color : #FFC600 ;
	text-decoration : none ;
	}

a.lien-standard:hover, a.lien-medium:hover {
	color : #35B3FB ;
	text-decoration : none ;
	}
	
a.lien-standard-bleu:link, a.lien-standard-bleu:visited {
	font-size : 100% ;
	color : #0000FF ;
	text-decoration : none ;
	}

a.lien-standard-bleu:hover {
	color : #E73C3C ;
	text-decoration : none ;
	}

/* Liens à l'intérieur d'un tableau */	
a.lien-table:link, a.lien-table:visited {
	color : blue ;
	text-decoration : none ; 
	} 
	
a.lien-table:hover {
	color : black ;
	text-decoration : underline ; 
	}

/*
  * Définitions des headers
  */
	
h5 {
	border-bottom : 1px solid #D0D0D0 ;
	padding-bottom : 3px ;
	margin-bottom : 10px ;
	}
	
/*
  * Divers éléments
  */
  
.clear {
	clear : both ;
	}

.text
	{
	font : 80%/130% Verdana, Arial, Helvetica, sans-serif ;
	padding-bottom : 10px ;
	}
	
.image-centre {
	padding : 2px ;
	background-color : black ;
	border : 1px solid white ;
	}

.jaune {
	text-align : center ;
	color : yellow ;
	}

.cyan {
	color : cyan ;
	}